Генератор media query CSS
Создавайте CSS медиа-запросы с предпросмотром в реальном времени. Готовые пресеты для мобильных, планшетов и печати. Бесплатно, 100% в браузере.
Условия
Пресеты
CSS-код
Справка
О CSS медиа-запросах
CSS медиа-запросы позволяют применять стили в зависимости от характеристик устройства, таких как ширина экрана, ориентация, цветовые предпочтения и движение.
Медиа-характеристики
width / height — размеры окна браузера. prefers-color-scheme — светлая или тёмная тема. prefers-reduced-motion — предпочтения анимации. orientation — портретная или альбомная.
Конфиденциальность
Вся обработка выполняется на 100% в вашем браузере. Данные никогда не отправляются на сервер.