移动端网页使用rem适配,在ios机型上line-height不对的问题

我有个需求是,设置div最大高度为2.4rem,行高为0.24rem,字体大小为0.16rem;
则代表最多显示10行,超出部分隐藏,但是在ios机型上显示了10行半;
移动端网页使用rem适配,在ios机型上line-height不对的问题_第1张图片

解决办法为:将line-height: 0.24rem 改为 line-height:1.5 (改成与字体的倍数写法)
这样就可以了

移动端网页使用rem适配,在ios机型上line-height不对的问题_第2张图片

你可能感兴趣的:(技术开发,Vue.js,H5,vue.js,前端,javascript)