Генератор CSS Media Screen
Автор: Роман Чернышов
Приветствую друзья! Работая над версткой HTML страниц и их визуальным оформлением, с помощью каскадных таблиц стилей CSS, в ряде случаев будет актуально задать разные стили, для разных устройств. Например это может быть необходимо для обеспечения поддержки страницей адаптивной верстки (корректного и удобного отображаться на разных устройствах). Для этого в CSS3 существует такая директива, как медиа-запрос, которая указывает для какого устройства, с каким разрешением экрана и плотностью пикселей на дюйм(dpi), применить указанные(в блоке данной директивы) стили. Я достаточно часто использую меда-запросы в написании CSS для своих проектов, и такой инструмент как генератор CSS Media Screen, для меня крайне полезен, надеюсь и вам он сократит много времени!
Описание параметров
width — Ширина окна браузера. Можно использовать min и max.
height — Высота окна браузера. Можно использовать min и max.
aspect-ratio — Соотношение между шириной и высотой браузера. Можно использовать min и max.
orientation — Ориентация устройства.
resolution — Плотность пикселей на экране. Можно использовать min и max.
