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

Question

Я строию отзывчивый полная ширина сайт. В основном содержимое в теле будет привязано к окну просмотра.

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

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

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

Есть ли альтернативный метод, это наиболее рекомендуемый способ?

Спасибо

Answer 1

Я обычно объявляем тело {размер шрифта: 1em; } и в медиа-запросах для ширины < 600px Я изменю тело внутри медиа-запроса как размер шрифта: .8eM, вот так ..

Answer 2

Рекомендуется использовать медиа-запросы, чтобы вы оказались на правильном пути. Я мог бы перечислить некоторые типичные медиа-запросы, используемые для обычных устройств, но я считаю, что лучше всего просмотреть эту статью: MEDIA QUERIES FOR COMMON DEVICE BREAKPOINTS Эта статья также раскрывается, чтобы объяснить, как все меняется с появлением перехода на мобильные телефоны большего размера и т. Д. Другая рекомендация необходимо установить настройку вашего видового экрана с помощью метатега следующим образом:

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