Как верстать дизайн в котором только два экрана?

Question

[Sigma Male]

Практически во всех дизайнах есть только два экрана: десктоп и смартфон.
Как быть с вёрсткой под планшеты? Делать на свое усмотрение или есть какой то способ заставить браузер например отображать уменьшенную копию вёрстки для десктопа (например размеры задавать в em и rem, или какой нибудь метатег).

Или вообще не стоит обращать внимание на средние устройства?

Comments

[ForSureN1]

скажи спасибо что тебе мобилку отрисовали еще ))

Answer 1

[Vladislav]

Обычно заказчики хотят сэкономить и им рисуют только пк версию сайта, адаптив даётся на усмотрение в процессе вёрстки, то есть ты его обязан сделать, но как он будет отображаться на планшете и мобилке решаешь сам, главное не намудрить, а просто переставать блоки, уменьшать шрифты, картинки и т.п. Хорошим тоном считается отзывчивая верстка, а не чисто по двум брейкпоинтам 1024 и 767, пишешь медиа в том случае, когда видишь, что что-то едет и ломается, а основные брейкпоинты для планшета у каждого разработчика разный кто-то ставит планшет с 1280, у бутстрапа он вроде 1140, кто-то ставит 1024 или 992, но мобилка всегда идёт с 767, инфу загугли сам, в какую сторону смотреть, я тебе описал

Answer 2

[sky_host]

Тебе нужна адаптивная верстка. Вот для примера https://protraffic.com/baza-znaniy/adaptivnaya-ver...
Информации по этой теме очень много