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


image

Мало кто знает, что в глубинах CSS спецификаций, кроме привычных «горизонтальных» медиа запросов, например, max-width: 768px, существуют ещё и «вертикальные». Примеры их использования не так очевидны, поэтому я решил поделиться с Вами статьей, в которой я опишу несколько практических ситуаций, в которых без таких запросов не обойтись.

Две недели назад, Sara Soueidan написала о «любви» к вертикальным медиа запросам, и тут я вспомнил, что и сам использовал их в некоторых проектах, и задумался над тем, почему бы не написать об этом статью? Так сказать поведать дорогим Хабражителям о своем опыте использования вертикальных медиа запросов.

Да-да, все мы любим медиа-запросы. И не говорите что это не так. Без них наш дизайн сайтов не будет таким отзывчивым, каким мы привыкли видеть его на современных интернет ресурсах. Все мы знаем о таких медиа-запросах как min-width и max-width и о том, в каких случаях они применяются. В данной статье я рассмотрю различные случаи использования min-height.
Читать дальше →


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.



Похожие публикации

О попытке оценки поисковых запросов

Сегодня я задался вопросом оценки поисковых запросов для seo-продвижения и был уверен, что без проблем смогу найти правильный ответ. Немного о том, для чего это нужно. Естественно для того, чтобы... читать далее

Интернет реклама и SEO: по следам анализов и прогнозов

В своем последнем июльском отчете, посвященном глобальному рынку рекламы, агентство ZenithOptimedia (входящее в структуру транснационального коммуникационного холдинга Publicis Groupe) провело обзор... читать далее

Web-телефония. Обзор технологий

Продолжаем публикацию интересных заметок с хабрхабры... В этой статье я расскажу о том, какие существуют методы реализации голосовой связи для web-проектов. Статья носит обзорный характер и... читать далее

Блог им. bo2 / Таинственный Firefox на FreeBSD с Рамблера

На один из моих сайтов регулярно по несколько раз в день заходит странный посетитель с разных адресов из сети Рамблера, смотрит одну страницу и уходит на несколько часов. Причем в REFEREК у него... читать далее

Инструментарий сеошника

Хочу рассказать вам об инструментарии и сервисах, которыми сам пользуюсь. Сначала анализируем запросы. В первую очередь нас интересует Рамблер и Яндекс для подбора синонимов. Анализ запросов... читать далее

7 правил эффективного SMO продвижения

Аудитория социальных сетей сравнима с аудиторией поисковых систем, поэтому неудивительно, что продвижение в социальных сетях приобретает все большую популярность. Однако зачастую, «продвиженцы» не... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте