css - 为什么我的字体大小在使用相同的倾 Angular 时看起来不同？

Question

我正在为我的移动应用程序使用 Nativescript Angular。

相同字体大小 ( <Label text="test" fontSize="20"> ) 的文本在我的 Android 手机和 IOS 手机上显示不同的外观/大小。如果 font-size 的单位是 dips，它们不应该具有相同的物理尺寸吗？这不就是 dips 的目的吗？

我不确定出了什么问题，我应该在某处手动设置 dips 转换吗？或者我应该添加像 fontSize="20dp" 这样的单位后缀？

我知道这不能说明太多，但我只是把android手机和ios手机的截图放上来供引用。 (左边是Android，右边是IOS，IOS总是显得小一些)

Answer 1

它们有不同的设备像素比。您需要为两者声明一个或为每个声明一个以完美控制尺寸。您可以使用元标记为每个人定义一个比例:

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

或者它正在使用视网膜设备的媒体查询:

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