[Перевод] Варианты использования вертикальных медиа-запросов в css

Мало кто знает, что в глубинах CSS спецификаций, кроме привычных «горизонтальных» медиа запросов, например, max-width: 768px, существуют ещё и «вертикальные». Примеры их использования не так очевидны, поэтому я решил поделиться с Вами статьей, в которой я опишу несколько практических ситуаций, в которых без таких запросов не обойтись.
Две недели назад, Sara Soueidan написала о «любви» к вертикальным медиа запросам, и тут я вспомнил, что и сам использовал их в некоторых проектах, и задумался над тем, почему бы не написать об этом статью? Так сказать поведать дорогим Хабражителям о своем опыте использования вертикальных медиа запросов.
Да-да, все мы любим медиа-запросы. И не говорите что это не так. Без них наш дизайн сайтов не будет таким отзывчивым, каким мы привыкли видеть его на современных интернет ресурсах. Все мы знаем о таких медиа-запросах как min-width и max-width и о том, в каких случаях они применяются. В данной статье я рассмотрю различные случаи использования min-height.
Читать дальше →
Источник: Уроки CSS на Хабрахабре
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
[Перевод] Медиа-запросы в адаптивном дизайне 2018
В июле 2010 года я написала статью «Как использовать CSS3 медиа-запросы для создания мобильной версии вашего сайта» для журнала Smashing. Спустя почти восемь лет эта статья по-прежнему очень... читать далее
[Из песочницы] Максимальная адаптивность с минимальным количеством медиа запросов, или метод обратной адаптивности
"У всякой проблемы всегда есть решение — простое, удобное, и конечно ошибочное". — Генри Луис Менкен. Суть проблемы На первый взгляд реализация адаптивной верстки может показаться «линейным квестом »... читать далее
[Из песочницы] Отзывчивый размер шрифта
Уверен, что никому не нужно объяснять почему сайты должны быть гибкими и адаптивными. Все используют проценты и медиа-запросы в своей верстке. Сейчас это уже стандарт. Но типографика до недавнего... читать далее
Инструментарий сеошника
Хочу рассказать вам об инструментарии и сервисах, которыми сам пользуюсь. Сначала анализируем запросы. В первую очередь нас интересует Рамблер и Яндекс для подбора синонимов. Анализ запросов... читать далее
7 правил эффективного SMO продвижения
Аудитория социальных сетей сравнима с аудиторией поисковых систем, поэтому неудивительно, что продвижение в социальных сетях приобретает все большую популярность. Однако зачастую, «продвиженцы» не... читать далее
Интернет реклама и SEO: по следам анализов и прогнозов
В своем последнем июльском отчете, посвященном глобальному рынку рекламы, агентство ZenithOptimedia (входящее в структуру транснационального коммуникационного холдинга Publicis Groupe) провело обзор... читать далее
Прокомментировать
Облако тегов
angular css CSS es6 frontend habrahabr.ru HTML html html5 JavaScript javascript js react ReactJS seo SEO на Хабрахабре vue Блог компании RUVDS.com Веб-дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт блог браузеры верстка вёрстка дайджест интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка ссылки фронтенд
Реклама на сайте
Студия создания и продвижения сайтов hover.com.ua