@wawa

Почему меняется размер шрифта на мобилке из-за размера контента?

Тестирую в хроме в режиме мобилки (IPhone 6, Galaxy, да любой) и на реальном устройстве Android 5.
В итоге в первом варианте шрифт один, а во втором меньше, хотя разница лишь в том, что текст стало меньше на 5 символов. Как это объяснить и пофиксить?
1:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <style>
      html {
        font-size: 48px;
        font-family: Arial, serif;
      }
    </style>
  </head>
  <body>text text text text text text text text text text text text text text text text text</body>
</html>


2:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <style>
      html {
        font-size: 48px;
        font-family: Arial, serif;
      }
    </style>
  </head>
  <body>text text text text text text text text text text text text text text text text</body>
</html>
  • Вопрос задан
  • 641 просмотр
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

https://github.com/necolas/normalize.css/blob/mast...
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
хром в режиме мобилки - это не реальный девайс, он не учитывает кучу факторов. Не знаю как с яблоками, но андроид устройство можно подключить к ПК и смотреть его консоль разработчика, что бы определить причину.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы