Тестирую в хроме в режиме мобилки (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>
