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

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

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

 

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

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

Примеры.

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

 

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

Рейтинг
( 1 оценка, среднее 5 из 5 )
Понравилась статья? Поделиться с друзьями:
Блог вебмастера
error: Контент защищен авторским правом!