关于Web移动端rem单位的那些坑

Posted homehtml

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于Web移动端rem单位的那些坑相关的知识,希望对你有一定的参考价值。

  • -;第一次写个人博客有些小忐忑,闲话少说,直接开撸。
    前两天帮一朋友写一微信场景开发,头疼的是来回更改5遍,作为一个设计公司,他们对字体行间距的要求细如发丝。

关于rem的使用不多说,大家都知道是根据根字体的大小搞的一个单位。
直接上图:

技术图片技术图片

这两个图,在Chrome的模拟器上是没什么问题的,但是在Iphone6以上,尽管font-size都用的统一个0.33rem,在真机上看的还是有问题,稍微有点大了,原因在于宽度设置为100%的时候,使用padding字体可能被压缩而被撑大。
总结:当宽度不确定是,p标签尽量少用padding。

以上是关于关于Web移动端rem单位的那些坑的主要内容,如果未能解决你的问题,请参考以下文章

移动端web前端的那些坑

移动端rem单位用法

移动web适配利器-rem

移动web适配利器-rem

移动 Web 适配利器:rem

web移动端屏幕适配方案