Верстка под мобильные устройства
Все популярнее и популярнее становится адаптивная верстка, которая автоматически подстраивается под размер экрана и корректно отображается даже на планшетах и мобильных устройствах. Сегодня мы узнаем маленькую хитрость, с которой нужно начать при разработке сайта для мобильных устройств.
Дело в том, что если мы просто сделаем резиновый макет, то он все равно изначально может мелко отображаться на экране мобильного браузера и не будет масштабироваться (даже если контента мало), поэтому, прежде чем тестировать наш сайт на мобильном устройстве, добавляем в index.html следующую строку:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">Разместить ее следует между тегов <head></head>. Она автоматически решит проблему разных разрешений экранов и шкалирования.