Тело и таблица или текст div разного размера на мобильном телефоне ⇐ CSS

[Anonymous]

Разочаровываюсь в том, как мой код хорошо выглядит на мобильных устройствах. Я свел проблему к приведенному ниже HTML-коду. Когда я просматриваю его на своем телефоне или в Chrome, имитирующем iPhone SE (и другие мобильные телефоны), текст внутри таблицы отличный, но за пределами таблицы больше.
Если я удалю h2, проблема исчезнет. Если я удалю хотя бы часть последней текстовой строки, проблема исчезнет. Если размер текста составляет 30 пикселей или меньше, проблема исчезнет. Но как бы то ни было, в Windows, смоделированной в Chrome, слова «камера» должны быть одинакового размера во всех строках, кроме строки h2. Но основной текст на 50% больше.
Я также попробовал указать размер текста в CSS. Это ничем не отличается. Я также пробовал изменить его с консоли (думал, возможно, это проблема со временем загрузки страницы). Все та же проблема. У меня та же проблема, если я использую div вместо таблицы. Ох, мне просто нужно поместить абсолютно все в div? Возможное хакерское решение, но хотелось бы услышать более подробное объяснение проблемы.

Код: Выделить всё

body {
font-family: sans-serif;
}




Camera - THIS IS A TEST, THIS IS ONLY A TEST




Camera FOV:




Camera FOV:

Camera this is a test, this is only a test.


document.body.style="font-size:33px";

Подробнее здесь: https://stackoverflow.com/questions/793 ... -on-mobile