Современные Breakpoints

Question

Думая с мобильного первой точки зрения с phablets в игре и Microsoft Surface, я должен придерживаться стандартных контрольных точек или идти с более:

@media only screen 
and(max-width: 414px) 
and (max-width: 736px) 
and (-webkit-min-device-pixel-ratio: 2) { 

}

Это то, что я имею в виду , Если я сделаю это так же, как для ручных устройств, а просто создам жидкость, было бы лучше? Или я должен использовать то, что было упомянуто здесь:

stackoverflow iPhone media queriews

Answer 1

Я думаю, ориентированный на конкретные устройства, имеет его место, хотя я не думаю, что это хорошая отправная точка.

Как более общий подход к мобильному дизайну, вы считали, что начинаете с отзывчивого дизайна, существует множество рамок, доступных для быстрого запуска.

Затем проверьте свой сайт в разных видовых экранах и добавьте собственные медиа-запросы, характерные для вашего дизайна. Например, возможно, макет вашего заголовка лучше всего работает, если он изменится на 800 пикселей вместо предустановленного фрейма, например, 768px.

В качестве последнего шага проверьте свой сайт на максимально возможном количестве устройств и только затем напишите специфические мультимедийные запросы, и только если они действительно необходимы.

В идеале вы хотите, чтобы ваш дизайн мобильных сайтов хорошо работал для текущих и будущих мобильных устройств, поэтому, чем более общий подход вы на самом деле, тем больше вы будете в будущем проектировать свой дизайн.

Удачи вам!