Генератор CSS Media Screen

Author

Автор: Роман Чернышов Опубликовано: 26 сентября 2023

CSS 3 Приветствую друзья! Работая над версткой HTML страниц и их визуальным оформлением, с помощью каскадных таблиц стилей CSS, в ряде случаев будет актуально задать разные стили, для разных устройств. Например это может быть необходимо для обеспечения поддержки страницей адаптивной верстки (корректного и удобного отображаться на разных устройствах). Для этого в CSS3 существует такая директива, как медиа-запрос, которая указывает для какого устройства, с каким разрешением экрана и плотностью пикселей на дюйм(dpi), применить указанные(в блоке данной директивы) стили. Я достаточно часто использую меда-запросы в написании CSS для своих проектов, и такой инструмент как генератор CSS Media Screen, для меня крайне полезен, надеюсь и вам он сократит много времени!

Выберите устройство

Приминимость

Исключить

Ориентация

Минимальная плотность пикселей

Максимальная плотность пикселей

Тут будет отображен результат генерации

Описание параметров

width — Ширина окна браузера. Можно использовать min и max.
height — Высота окна браузера. Можно использовать min и max.
aspect-ratio — Соотношение между шириной и высотой браузера. Можно использовать min и max.
orientation — Ориентация устройства.
resolution — Плотность пикселей на экране. Можно использовать min и max.

Заказать услугу верстки HTML/CSS

Category

CSS, Инструменты Tags

Tags

media screen, генератор css

Похожие записи

Оставить комментарий

Автор блога

Роман Чернышов

Веб-разработчик,
Full Stack
Senior, Architect

PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin

Заказать работу
предложить оффер

Моя книга

Книга. Веб-разработчик. Легкий вход в профессию

Печатная книга

Веб-разработчик.
Легкий вход в профессию

Купить за 359₽

Популярные записи

Последние вопросы

Nginx редирект на другой сервис с сохранением URL спросил (а) Сергей
Исполнитель пропал, почему такое случается и понять с кем работать? спросил (а) Артем
Можно ли WordPress считать универсальным движком? спросил (а) Андрей
Что такое самописный скрипт или CMS? спросил (а) Антон
Как при поиске в linux используя grep, добавить исключения? спросил (а) Алексей

Список вопросов

Последние комментарии

Роман Чернышов к записи Консольный скрипт(JavaScript) для автоматических заказов на OZON
N/D к записи Консольный скрипт(JavaScript) для автоматических заказов на OZON
Давид к записи Как создать Telegram-бота с авторизацией через сайт
Дмитрий к записи PHP скрипт: каталог закладок на сайты
Руслан к записи Валидация на PHP
Роман Чернышов к записи Сколько зарабатывают в бизнесе на совместных покупках
Ирина к записи Сколько зарабатывают в бизнесе на совместных покупках

Меню

+2024 (34)
- Декабрь 2024 (6)
- Ноябрь 2024 (13)
- Октябрь 2024 (8)
- Сентябрь 2024 (1)
- Август 2024 (5)
- Май 2024 (1)
+2023 (27)
- Ноябрь 2023 (1)
- Октябрь 2023 (13)
- Сентябрь 2023 (10)
- Апрель 2023 (1)
- Март 2023 (1)
- Февраль 2023 (1)
+2022 (21)
- Декабрь 2022 (11)
- Ноябрь 2022 (1)
- Май 2022 (2)
- Апрель 2022 (2)
- Март 2022 (3)
- Февраль 2022 (1)
- Январь 2022 (1)
+2021 (17)
- Декабрь 2021 (5)
- Ноябрь 2021 (2)
- Июль 2021 (1)
- Июнь 2021 (2)
- Май 2021 (5)
- Апрель 2021 (1)
- Март 2021 (1)
+2020 (20)
- Декабрь 2020 (6)
- Сентябрь 2020 (2)
- Август 2020 (1)
- Июль 2020 (2)
- Май 2020 (2)
- Апрель 2020 (2)
- Март 2020 (2)
- Февраль 2020 (1)
- Январь 2020 (2)
+2019 (18)
- Декабрь 2019 (3)
- Ноябрь 2019 (2)
- Октябрь 2019 (2)
- Сентябрь 2019 (1)
- Август 2019 (2)
- Июль 2019 (1)
- Июнь 2019 (1)
- Апрель 2019 (2)
- Март 2019 (1)
- Февраль 2019 (3)
+2018 (44)
- Декабрь 2018 (4)
- Ноябрь 2018 (7)
- Октябрь 2018 (8)
- Сентябрь 2018 (1)
- Август 2018 (4)
- Июль 2018 (5)
- Май 2018 (3)
- Апрель 2018 (7)
- Март 2018 (1)
- Февраль 2018 (2)
- Январь 2018 (2)
+2017 (19)
- Декабрь 2017 (2)
- Ноябрь 2017 (1)
- Октябрь 2017 (1)
- Сентябрь 2017 (2)
- Июль 2017 (1)
- Июнь 2017 (1)
- Май 2017 (2)
- Апрель 2017 (3)
- Март 2017 (2)
- Февраль 2017 (1)
- Январь 2017 (3)
+2016 (36)
- Декабрь 2016 (3)
- Ноябрь 2016 (3)
- Октябрь 2016 (2)
- Сентябрь 2016 (3)
- Август 2016 (7)
- Июнь 2016 (3)
- Май 2016 (3)
- Апрель 2016 (3)
- Февраль 2016 (1)
- Январь 2016 (8)
+2015 (36)
- Ноябрь 2015 (5)
- Октябрь 2015 (4)
- Сентябрь 2015 (1)
- Август 2015 (8)
- Июнь 2015 (1)
- Май 2015 (4)
- Апрель 2015 (8)
- Март 2015 (3)
- Февраль 2015 (2)
+2014 (26)
- Ноябрь 2014 (2)
- Октябрь 2014 (5)
- Сентябрь 2014 (6)
- Июль 2014 (1)
- Июнь 2014 (2)
- Май 2014 (3)
- Апрель 2014 (6)
- Февраль 2014 (1)
+2013 (27)
- Декабрь 2013 (2)
- Ноябрь 2013 (1)
- Октябрь 2013 (1)
- Август 2013 (1)
- Июль 2013 (3)
- Июнь 2013 (10)
- Май 2013 (1)
- Апрель 2013 (2)
- Февраль 2013 (3)
- Январь 2013 (3)
+2012 (41)
- Декабрь 2012 (2)
- Ноябрь 2012 (3)
- Октябрь 2012 (7)
- Сентябрь 2012 (2)
- Август 2012 (1)
- Июль 2012 (3)
- Июнь 2012 (2)
- Май 2012 (6)
- Апрель 2012 (2)
- Март 2012 (7)
- Февраль 2012 (5)
- Январь 2012 (1)
+2011 (57)
- Декабрь 2011 (6)
- Ноябрь 2011 (2)
- Октябрь 2011 (3)
- Сентябрь 2011 (5)
- Август 2011 (4)
- Июль 2011 (3)
- Июнь 2011 (3)
- Май 2011 (3)
- Апрель 2011 (4)
- Март 2011 (10)
- Февраль 2011 (5)
- Январь 2011 (9)
+2010 (43)
- Декабрь 2010 (7)
- Ноябрь 2010 (21)
- Октябрь 2010 (14)
- Сентябрь 2010 (1)

Мои проекты

Insurance CMS

Love Crm

CMS Совместные покупки

Мой PHP Framework

Хостинг для моих клиентов

Лицензии на мой софт и поддержка