Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Синтаксис

.

Синтаксис

Давайте встроим в приведенный выше пример простой медиа-запрос:

Синтаксис

Это инструкция сообщает браузеру, что данную таблицу стилей нужно использовать для любых устройств с цветным экраном. Просто! И почти вся ваша аудитория попадает под это правило. Вы можете сделать то же самое, используя @import:

@import url (color.ess)   screen and  (color);

Дополнительно вы можете использовать для медиазаироса правило @media, которое было нами упомянуто при обсуждении правила @font-face. @media, вероятно, самый известный вариант использования медиазапроса, и это метод, который вы будете использовать чаще всего:

Синтаксис

В приведенном примере стиль будет применен ко всем карманным устройствам, размер дисплея которых не превышает 380 рх.

Вот еще несколько примеров использования медиазапросов с помощью dmedia, и вы можете сами убедиться, насколько гибкими и разнообразными могут быть варианты.

Следующий стиль будет применен только к устройствам с экраном, имеющим минимальную ширину экрана 320 рх и максимальную — 480 рх:

Синтаксис

В приведенном примере мы используем ключевые слова only, and и запятую, которая эквивалентна ключевому слову or. Стиль в приведенном примере нацелен на экран смартфона iPhone 4 с его высоким разрешением, и этот пример может быть вам весьма полезен на практике.


.

Читайте так же:
Not found