Неправильное отображение сайта на мобильных устройствах?

Question

[RDashie]

Здравствуйте, столкнулся с такой проблемой:
Делал адаптивную верстку вплоть до 320px отталкиваясь от отладчика хрома, решил проверить на нескольких мобильных устройствах, как она выглядит и обнаружил такую проблему, что на одном из телефонов она отображается по-другому.

Решил проверить ширину экрана через screen.width и https://viewportsizes.com/mine/ - они показывают, что ширина == 412px.


Настроил такую же ширину в отладчике, вот результат:


А вот так выглядит на мобильном устройстве:


Кто знает, как это лечить?

Comments

[Lynn «Кофеман»]

Без кода? Никто не знает. Хрустальные шары сломались

[Ankhena]

Похоже на неверное подключение шрифтов.

[RDashie]

Lynn «Кофеман», моя ошибка, https://opticssi.000webhostapp.com/

[RDashie]

Ankhena, Шрифты там дефолтные: Arial и Times new roman

[Legal Adviser]

Удалось решить проблему? Если да, то как? У самого такая же проблема.

[RDashie]

Legal Adviser, не помню, как это называется, но на мобильных устройствах (может, и на планшетах) браузер автоматически скалирует шрифты по своим алгоритмам (якобы было лучше видно), насколько сильно изменяются эти шрифты с помощью данной фичи не знаю, но уменьшил шрифт на пару пикселей и все стало работать (ещё, наверное, это зависит от разрешения экрана, у меня было нормально, у пары человек - нет, хотя у них дюймовка телефона была меньше, а разрешение лучше).