Viewport для мобильных устройств

2015-03-05

Если вы не очень разбираетесь в viewport и оптимизации сайта под мобильные устройства, либо у вас нет особых пожеланий — установите такой meta-тег у себя на сайте в разделе <head>…</head>:

<meta
name="viewport"
content="width=device-width,initial-scale=1,user-scalable=no"
/>


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

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



Добавить комментарий