Вопрос по вёрстке под мобильные устройства

Рейтинг: 0Ответов: 1Опубликовано: 04.12.2014

Допустим, есть блок DIV 100*100px.
В браузере на компе блок отображается нормально, в масштабе 100%.
В браузере на мобильном устройстве DIV выглядит уменьшенным, так как количество пикселей на дюйм выше.

Как решить проблему отображения блоков в разных размерах с визуальной точки зрения, чтобы и на компе, и на смартфоне они были одинаковы?

css html
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

В head напишите следующее:

<meta name="viewport" content="width=device-width, initial-scale=1">

А пиксели на дюйм не причем. Если вы с помощью JS проверите размер вьюпорта, то он будет меньше, чем реальное количество пикселей в вашем устройстве