前端 - ios下元素设置同样的字体大小，但显示的文字大小不一样？

Question

在本地测试没有问题，数据在页面写死也没有问题。
但在有的电脑通过后台添加数据就会出现文字不听样式的使唤的情况
（文字大小不是设置的大小）
（只有ios手机打开页面会出现这种情况，安卓没有问题）...
如果是后台添加的数据有自己的样式出现的影响，但我通过调试工具并没有发现有其他样式影响？
不知道大家有没有遇到这样的问题？

Answer 1

rem, whether the font-size settings of your html elements are consistent.
Better confirm

html {
 font-size:16px;
}

Written on both android and iOS

Answer 2

if (IOS9) {
        self.lableTittle.font = [UIFont fontWithName:@"PingFangSC-Regular" size:26];
    }else{
        self.lableTittle.font = [UIFont fontWithName:@"Helvetica Neue" size:26];
    }

• It may be a problem caused by the "Pingfang" font of ios9

• For reference only

Answer 3

rem: root em refers to the size of the root font. The default root font size set by different browsers is not the same. Most of them are 16px, some are 14px, etc.
The old version of Chrome supports a minimum of 12px, and the new version is the same as iOS Safari. This will lead to a result,

html{
    font-size: 62.5%;
}

What you get in this way is not 16px * 62.5% = 10px; but 12px; (there is something weird here, the descendant elements refer to rem and the font reference is 10px; other references such as width and height are 12px).
Regarding the font-size setting, it is customary to use 100px, and it is easy to calculate the mapping with px;

Answer 4

Has the poster solved it? I also encountered this problem. Please solve it

Answer 5

https://github.com/amfe/artic... Try this method