Почему шрифт на мобильном телефоне или планшете меньше, чем соответствующий размер браузера?

Question

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

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

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

Answer 1

Метатег viewport сообщает браузеру, что ваш сайт готов к реагированию, и позволяет браузеру масштабировать ваш сайт в пикселях устройства, а не в реальных пикселях.Это должно эмулировать более узкое окно просмотра с содержимым, отображаемым на экране более крупным и более естественным.Этот тег должен быть размещен в разделе head вашего HTML-файла.

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