CSS рендеринг шрифтов неправильного размера на маленьком экране - приложение Ioni c 4 - Android - PullRequest
0 голосов
/ 10 марта 2020

Я работаю над мобильным приложением с использованием Ioni c 4.

В настоящее время я оптимизирую приложение для небольших экранов (в настоящее время использую Unihertz Atom - 240x432 пикселей).

Приложение отлично отображается на экранах телефонов стандартного размера, но на этом маленьком экране размеры шрифтов не отображаются в соответствии с css. Например, если я установил размер шрифта для встроенного стиля в 10 пикселей и просмотрел его в инспекторе Chrome, я вижу, что размер шрифта фактически вычисляется как 13 пикселей:

enter image description here

Это происходит, когда приложение работает на реальном устройстве. Если я использую ioni c Обслуживание и изменю размер моего настольного браузера, чтобы соответствовать маленькому разрешению экрана, которое он отображает правильно.

Есть ли у кого-нибудь какие-либо предложения, которые могут быть причиной это?

Я пробовал font-size-Adjust: нет; и font-size-Adjust: 100%; , но ни один из них, похоже, не имеет никакого значения для этой проблемы.

---- ОБНОВЛЕНИЕ Если я установлю размер шрифта 2px, он будет вычислен в 10.6667px: enter image description here

---- ОБНОВЛЕНИЕ 2 Это не просто происходит с маленькими размерами шрифта - например, размер шрифта 20px вычисляется как 26px: enter image description here

...