移动端单位rem解析

px属于固定单位，em属于父元素相对单位

浏览器的默认字体大小都是16px

兼容性：主流浏览器都兼容（IE9以上）

使用100%，在font-size="62.5%"，因为浏览器默认字体大小是16px，

也就是说100% =  16px；那么1px = 6.25%，10px = 62.5%;

1rem = 62.5% = 10px;

定义：rem是相对于根元素的相对单位；

使用方法：

            html{font-size:62.5%}

            p,h1~h6{width:1rem;height:1.5rem;font-size:1.2rem}

为什么说rem是为移动端量身打造的那，可以这样写


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容