Не так давно сайты создавались в расчете на определенное разрешение экрана. С ростом разнообразия размеров мониторов стала широко применяться так называемая «резиновая» верстка сайтов, позволяющая просматривать их на самых разных мониторах с различным разрешением.
Однако в последнее время такой верстки уже недостаточно. Появились огромные мониторы с размерами свыше 30 дюймов, с одной стороны, и Интернет стал доступен на мобильных устройствах, с другой стороны. Мобильный трафик растет огромными темпами, поэтому необходимо предусмотреть правильное отображение сайта на большом интервале размеров экранов различных устройств.
Чтобы решить эту проблему, предлагается два варианта: во-первых, использовать адаптивный дизайн или, во-вторых, в дополнение к обычной версии сайта использовать еще мобильную.
Чтобы сделать выбор, нужно знать, что такое адаптивный дизайн, в чем его отличие от «резинового»?
Главная особенность адаптивного дизайна состоит в том, что при переходе от одного разрешения к другому происходит кардинальное изменение шаблона страницы: изменяется не только ширина колонок, но и их количество, изменяются размеры изображений, а некоторые изображения исчезают с веб страницы совсем, удаляются несущественные элементы шаблона.
Конечно, создать адаптивный шаблон сложнее, чем шаблон для обычного сайта. К нему предъявляется больше требований, он имеет более сложный код, но в настоящее время такой тип дизайна наиболее востребован.
Это интересно
+1
|
|||
Последние откомментированные темы:
-
14 лучших бесплатных приложений для тренировки мозга
(1)
бывшая мама
,
24.12.2021
-
Как создать одностраничник?
(1)
My life
,
05.02.2019
-
Что такое Лендинг Пейдж и как его отличить от полноценного сайта!
(1)
бугага
,
07.04.2017
20251118192001