给html的font-size设置了百分比 为什么字体大小还是不适配不同屏幕呢

Question

我给html设置了这段代码html {

font-size: 75%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: /*sclight,*/
YaHei

}
然后根据根元素字体大小计算rem的值 在iphone6下面可以正常显示 但是在iphone5这种小屏里字体变得很大 这是为什么呢 font-size: 75%是按照设备的大小计算的吗

Answer 1

建议用js动态去计算，然后单位用rem。

Answer 2

because iPhone5与iPhone6的屏幕不一样大分辨率也不一样对于文字的处理机制当然也不一样，所以这就是为什么你用百分比控制失败的原因。

Answer 3

也可以试试用css计算，参考基于vw等viewport视区单位配合rem响应式排版和布局