Я не веб-разработчик. Я начинающий разработчик игр. Я делаю этот веб-сайт, чтобы показать свое портфолио.
Я думаю, что он хорошо выглядит во всех компьютерных браузерах, которые я пробовал. Это должно выглядеть так
Но в Chrome и Firefox на Android блок текста в правом верхнем углу отображается шрифтом большого размера, что делает этот div огромным и толкает все вниз.

Итак, изначально был html-файл главной страницы с картой сайта + этот абзац, а отдельные биты о моих проектах, например «артефакт», были отдельными страницами, загруженными в iframe.
Я заметил, что нижний абзац в iframe был в порядке, хотя div относится к тому же классу, что и проблематичный выше.
Вот что я пробовал до сих пор ..
Я сделал этот p новым классом и явно определил его размер текста
Я поместил весь веб-сайт в другой iframe. странно, не имело никакого значения
Я поместил этот абзац в li в ul
Я поместил весь текст в этом абзаце в интервал
Я изменил текст с p на h7
Браузер Android все еще улавливает это и делает текст огромным, а не тот, что ниже..
В Firefox кажется, что это вызвано «инфляцией шрифта», и я могу обойти это, изменив настройки Firefox. Но почему он раздувает только один абзац и игнорирует другой?
Пожалуйста, обрати внимание. Я сделал все на этом сайте в пикселях, а не в % или em. Если я смогу заставить Android не взрывать этот абзац, все будет хорошо.