Page 213 - Сила CSS3 Освой новейший стандарт

Что такое медиазапросы? • 213

Рис. 6.2. В очень узком и очень широком окне браузера дизайн смотрится нормально,
но не идеально

В главе 2 моей книги «Flexible Web Design: Creating Liquid and Elastic Layouts with
CSS» я постаралась доказать, что гибкие макеты необязательно должны быть про-
стыми или уродливыми. Симпатичные текучие макеты вполне способны работать на
экранах разного размера. Используйте для создания страниц гибкие изображения,
выбирайте разумную длину строки и творчески подходите к распределению до-
ступного пространства, чтобы дизайн с легкостью приспосабливался к окнам самой
разной ширины. Однако я не отрицаю, что невозможно создать дизайн, который
одинаково хорошо будет смотреться как сжатым до 300 пикселов, так и растянутым
до 2000 пикселов. Я всегда настаивала и продолжаю настаивать на использовании
min-width и max-width, а также отдельных стилей для мобильных устройств — это
значительно упрощает решение проблемы разных размеров окна.
Тем не менее с момента написания в 2008 году книги «Flexible Web Design» новый
инструмент создания макетов, способных работать в ошеломляюще большом диа-
пазоне размеров, — медиазапросы — получил хорошую поддержку в браузерах.

ЧтО такОе медиазаПрОсы?

Медиазапросы позволяют настраивать стили страницы в зависимости от харак-
теристик пользовательского устройства или дисплея, таких как ширина области

www.trk.kg