Корректное отображение сайта на мобильных аппаратах (03.11.2015). Печать
2015 - Ноябрь
03.11.2015 21:00
Save & Share
← Автомобильный монитор АМ-05 v.5.36 FINAL (02.11.2015).   Стоматология, туризм и жаба (04.11.2015). →
В эру помешательства населения на всяких iPhone и Samsung Galaxy получил распространение просмотр сайтов через мобильные телефоны, планшеты, смартфоны и т.д. Также произошло удешевление интернет-трафика для данных аппаратов. Многие владельцы сайтов столкнулись с проблемой корректности их отображения на мобильных телефонах. И существует несколько путей решения этого вопроса.
Самое простое из них: адаптивный дизайн, реализованный на данном сайте. Минимум изменений (только CSS), дизайн на ПК не страдает, материальная и трудовая дешевизна разработки. В итоге сайт подстраивается под уменьшающееся разрешение по горизонтали, сохраняя при этом свою структуру (или изменяя, если это необходимо).

Более сложное решение: создание отдельного сайта на поддомене вида m.bad-good.ru, привязанного к той же БД, что и домен. Мало того, пользователь обязан помнить, что с мобильного телефона нужно заходить на один сайт, а с ПК на другой.

И самое сложное: Responsive Design + Server Side (RESS). Позволяет серверу определить, с какого устройства и с каким разрешением происходит заход - и сообщить пользователю соответствующий шаблон (основной, для мобильных устройств или для планшетов). В итоге ни дизайн основного шаблона не затрагивается, ни поддоменов отдельных не нужно.

Вы можете проверить адаптивный дизайн в действии. Начните уменьшать по ширине окно сайта, и элементы дизайна начнут под него подстраиваться. А раньше сайт выглядел вот так.

Теги:
Обновлено ( 03.11.2015 21:16 )