Изменение стилей CSS в зависимости от ширины экрана браузера. Медиа-запросы.

Изменение стилей CSS в зависимости от ширины экрана браузера. Для использования «Резины» в шаблонах очень часто в последнее время используют медиазапросы

Медиа-запросы

@Media css. Это дает достаточно много возможностей для оптимизации сайта под различные виды устройств (компьютеры, планшеты и мобильные устройства). Смысл медиазпросов в том, что в зависимости от размера ширины окна браузера в px Вы задаете определенные величины для css

Также можно указывать типы носителей, логические операторы и медиа-функции.
Более подробно о медиа-запросах можно прочитать тут.

Примеры.

Ну а мы рассмотрим несколько самых простых примеров.

 

Тему можно дополнять различными примерами использования медиа-запросов.