div сжимается при просмотре в Chromebook; размер шрифта не

Мне интересно, почему, когда я просматриваю свой веб-сайт (и все веб-сайты) на 11,6-дюймовом экране Chromebook, весь веб-сайт сжимается.

В частности, у меня есть div шириной 960 пикселей, который содержит слова размером 12 пикселей. Это выглядит хорошо на каждом компьютере обычного размера, на котором я его просматривал. Однако, когда я просматриваю его на хромбуке, div размером 960 пикселей кажется меньше. На самом деле каждый div немного меньше. Это нормально, однако текст больше не помещается в этот меньший div и выходит за пределы содержащего его div.

И идея, почему это происходит? И как мне это исправить?

Пример:

введите здесь описание изображения


person JAck28    schedule 08.05.2013    source источник


Ответы (1)


Используйте настройки области просмотра в мета. В Mozilla есть отличный пост об использовании окна просмотра.

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

person Robert Fauver    schedule 08.05.2013