相同的css样子 不同手机中显示出的文字样式不同

Question

`

<div style="position: absolute;width: 170px;height: 100%;right: 0;top: 0;text-align: center;">
    <div style="font-weight: bold;font-size: 60px;">¥5</div>
    <div style="font-size: 19px;">线下抵用券</div>
    <div style="font-size: 19px;">(无门槛)</div>
</div>`

以上样式在大多数手机中都是正常的 比如

但是在个别手机中会出现类似这种的情况(蓝色部分背景的宽高也是写死的)

好像文字的大小与css设置的有些出入
请问这可能是什么原因造成的 有什么解决方法么

Answer 1

试下
-webkit-text-size-adjust:100%;

Answer 2

审查模式检查下元素的样式，另外一个确定是否是因为字体库的问题。

Answer 3

试试： 字体现在到本地然后指定使用该字体， 或者设置上面一排行高试试

Answer 4

高度给个固定值 height:100px; 或 top:0;bottom:0; 试下