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

[Anonymous]

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

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

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

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

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.

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