Как уже отмечалось в предыдущей главе, CSS3 состоит из набора «привинчиваемых» модулей. Медиазапросы как раз представляют собой такой CSS3 модуль. Они позволяют нацеливать специфические CSS стили в зависимости от возможностей по отображению информации, имеющихся у того или иного устройства. Так, например, используя лишь несколько строк CSS кода, мы можем изменить способ отображения содержимого, исходя из таких параметров, как ширина области просмотра, соотношение сторон экрана, ориентация (альбомная или книжная) и т. д.
В этой главе мы сделаем следующее:
— выясним, почему медиазапросы необходимы в адаптивных веб-дизайнах;
— посмотрим, как устроены CSS медиазапросы;
— разберемся, какие характеристики устройств можно проверять;
— напишем первый CSS3 медиазапрос;
— нацелим правила стилей CSS на определенные области просмотра;
— выясним, как заставить медиазапросы работать на устройствах под управлением операционных систем iOS и Android.
Добавить комментарий