CSS не может контролировать размер текста в браузере телефона ⇐ CSS

[Anonymous]

Я пытаюсь показать проблему с помощью минимального кода. Весь код в одном html файле. Чтобы увидеть проблему, не требуется JavaScript. Текст в таблице должен быть того же размера, что и тело, и он находится на рабочем столе, но на телефоне или на моделируемом телефоне (например, Apple SE) в Chrome он имеет другой размер. Если я уменьшу количество слов в теге h2 или в последнем предложении, проблема исчезнет.
НЕ ЗАПУСКАЙТЕ ФРАГМЕНТ КОДА! Проблема исчезает в средстве просмотра фрагментов кода. Вместо этого вам нужно вырезать и вставить его в свой собственный файл.
Тот факт, что он отлично работает в программе просмотра фрагментов кода, является подсказкой. Я попытался добавить тот же CSS, что и средство просмотра фрагментов кода, но безуспешно. Может быть, мне нужно создать iframe? Я уже потратил на это 8 часов - какой-нибудь эксперт по CSS, вероятно, точно знает, в чем проблема, и мне больше не хочется ничего пробовать, поскольку SO добавляет более 2000 строк для отображения моего фрагмента.

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

body {font-size:34px;}




Camera - If this line is shortened to 3 words the problem goes away




Camera - this text in table data is different size (length doesn't matter)




Camera FOV:

Camera if this line is removed, issue is gone

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