Адаптивная (мобильная) версия сайта

Адаптивная версия сайта подразумевает то, что сайт в удобном для пользователя виде будет доступен как на стационарном PC, так и на ноутбуке, планшете или смартфоне. В современной ситуации это очень важное требование, а потому при создании сайта следует его учитывать и выполнять верстку под размеры и разрешение разных экранов. Для этого профессиональные верстальщики используют медиазапросы, которые поддерживаются современными браузерами и разделены в зависимости от типа устройств – все в целом, принтеры, экраны.

Суть адаптации заключается в том, что содержимое страницы не масштабируется, но остается читабельным, а ширина страницы точно соответствует размеру экрана. Для получения эффективного результата необходимо сопоставить ширину и высоту страницы и устройства, проверить ориентацию – альбомная или книжная, и установить разрешение экрана. Для получения желаемого уровня адаптации используют логические операторы И, НЕ и ИЛИ.

Цель адаптации – охват максимальной аудитории пользователей вне зависимости от устройств, ими предпочитаемых.