Медиа-запросы для Microsoft Surface Pro 3 & Surface Pro 4

Question

Каков наилучший способ записи медиа-запросов для Surface Pro 3 & 4? в обоих Пейзаж & Портретные взгляды?

Answer 1

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

Смотрите эту статью для получения дополнительной информации: Google Developers—How to Choose Breakpoints

На практике, решение этих двух устройств, упомянутых в 2160x1440 (Surface Pro 3) и 2736x1824 (Surface Pro 4). Таким образом, вместо того, чтобы устанавливать эти четыре точки останова для ваших медиа-запросов, один логический подход заключался бы в разработке «более 2000 пикселей», «между 1200px и 2000px» и «под 1200px» - первое правило, управляющее обоими устройствами, упомянутыми вами в ландшафте (также для обработки обычных разрешений для настольных систем), второе правило, управляющее обоими устройствами в портретном режиме (и многими другими распространенными портативными устройствами), и последние правила обработки устройств всех размеров под 1200 пикселей.

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