Почему мой размер шрифта выглядит по-разному при использовании тех же провалов?

Question

Я использую Nativescript Angular для своего мобильного приложения.

Текст того же размера шрифта (<Label text="test" fontSize="20">) выглядит по-разному на моем телефоне Android и IOS. Разве они не должны быть одинакового физического размера, если единица размера шрифта - это провалы? Разве это не цель провалов?

Я не уверен, что идет не так, нужно ли где-то вручную устанавливать конверсию провалов? или я должен добавить суффикс единицы, например fontSize="20dp"?

Я знаю, что это не может многое проиллюстрировать, но я просто помещу скриншоты из телефонов Android и IOS для некоторой ссылки. (левый Android, правый IOS. IOS всегда кажется меньше)

Answer 1

Они имеют разное соотношение устройств и пикселей. Вам нужно объявить один для обоих или по одному для каждого, чтобы идеально контролировать размеры. Вы можете определить одну шкалу для каждого, используя метатег:

<meta name="viewport" content="width=device-width, initial-scale=1" />

Или он использует медиа-запрос для устройства Retina:

@media only screen and (min-resolution: 200dpi){
    /* here your code for resolution > 200dpi */
}