Адаптивный код
В системе предусмотрена глубокая адаптация под мобильные устройства (смартфоны, планшеты)
1. Возможности админки
- Разные изображения и высота шапки сайта для смартфонов (очень широкое изображение заголовка на мониторе не возможно идеально адаптировать под вертикальный экран смартфона)
- Исключение из показа отдельных пунктов меню на планшетах. Эта страница на планшете скрывается в выпадающем меню.
Обратите внимание, у 99% сайтов длинное меню на планшетах либо полностью пропадает, либо разваливается, либо не влезает по ширине.
2. Адаптивная верстка
Например: на мобильном - 1 колонка, на планшете 2 колонки, на десктопе 3 колонки:
Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому,
что тот обеспечивает более или менее...
Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому,
что тот обеспечивает более или менее...
Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому,
что тот обеспечивает более или менее...
3. Разный контент для разных устройств
phone_iphoneДанный текст виден только на смартфонах
tablet_macДанный текст виден только на планшете
desktop_windowsДанный текст виден только на большом мониторе
4. Альтернативная загрузка облегченных данных на мобильных браузерах
При глубокой проработке мобильной адаптации иногда возникает необходимость использовать альтернативные изображения.
Более легкие по весу, меньше по размеру и т.п. для ускорения загрузки при мобильном интернете.
Ниже 3 изображения имеют разрешение 1920х1080 и общий размер 1.2 Мб
Для отображения на мобильных загружаются другие: 320х180 их общий размер всего 35Кб
