Почему шрифты на мобильных устройствах больше?

Question

[Andrey Perov]

Размер Шрифтов ставлю в "em", при ресайзе окна, все гуд. В Эмуляторе "расширение для хрома" тоже все гуд, но стоит поглядеть с мобильного устройства (iphone4s, nexus) шрифты становятся больше. Что может быть?

Answer 1

[Иван Соломенников]

Единицы измерения rem пробовали?

learn.javascript.ru: Единицы измерения

Сегодняшняя статья с хабра: Руководство по HTML/CSS/JavaScript

Comments

[Andrey Perov]

Да слышал, спасибо, сейчас ещё погляжу, но я думаю не в них проблема, я пробовал подставлять в лоб при меньшем разрешение размер в px, такое чувство что он font-family не видет на моб устройствах

[Andrey Perov]

Со шрифтами глюк был, хм странно, пока не прописал явно в media запрос, font-family: name; не заработало...

Answer 2

[svarnoi420]

У вас head присутствует мета тег с вьюпортом?

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

Если нет, тогда понятно почему не срабатывает.
Браузер телефона по умолчанию старается придать странице первозданный вид, как-будто смотрим страницу на декстопе и ставит width=980px, к примеру. Это называется Область просмотра, размер браузера другими словами. Посему медиа запрос срабатывает для данной ширины.
Есть еще Площадь изображения, это фактический размер экрана устройства. Обозначается как device-width.

Метатег, написанный выше, говорит браузеру, чтобы при прорисовке учитывалась площадь изображения (device-width).