Не так давно сайты создавались в расчете на определенное разрешение экрана. С ростом разнообразия размеров мониторов стала широко применяться так называемая «резиновая» верстка сайтов, позволяющая просматривать их на самых разных мониторах с различным разрешением.
Однако в последнее время такой верстки уже недостаточно. Появились огромные мониторы с размерами свыше 30 дюймов, с одной стороны, и Интернет стал доступен на мобильных устройствах, с другой стороны. Мобильный трафик растет огромными темпами, поэтому необходимо предусмотреть правильное отображение сайта на большом интервале размеров экранов различных устройств.
Чтобы решить эту проблему, предлагается два варианта: во-первых, использовать адаптивный дизайн или, во-вторых, в дополнение к обычной версии сайта использовать еще мобильную.
Чтобы сделать выбор, нужно знать, что такое адаптивный дизайн, в чем его отличие от «резинового»?
Главная особенность адаптивного дизайна состоит в том, что при переходе от одного разрешения к другому происходит кардинальное изменение шаблона страницы: изменяется не только ширина колонок, но и их количество, изменяются размеры изображений, а некоторые изображения исчезают с веб страницы совсем, удаляются несущественные элементы шаблона.
Конечно, создать адаптивный шаблон сложнее, чем шаблон для обычного сайта. К нему предъявляется больше требований, он имеет более сложный код, но в настоящее время такой тип дизайна наиболее востребован.
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
+1
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
20251119072015