本文介绍了CSS3中的rem单位，它是相对于根元素字体大小的相对单位，用于移动端自适应布局。文章讨论了em、%、ex、ch单位的特点和用法，并详细讲解了rem的工作原理，包括其继承性和在不同场景下的应用。同时提到了通过JS动态设置根元素字体大小以实现rem转换的方法。
【前言】：今天分享一下移动端自适应
【主体】
CSS中，单位分为两类
（1）绝对单位：无论其他相关的设置怎么变化，绝对单位指定的值是不会变化的；
（2）相对单位：没有固定的度量值，是由其他元素尺寸来决定的相对值。
CSS绝对单位 PS：绝对单位通常使用在打印方面
CSS相对单位
CSS单位浏览器兼容性
CSS重要单位集合：
①px像素Pixel，绝对长度单位，相对于显示器屏幕分辨率而言的。
②em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
③rem是CSS3新增的一个相对单位（root em，根em），使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。
④%一般宽泛的讲是相对于父元素
⑤vw与vh视窗单位，vmax与vmin可以判断屏幕横竖屏
最低0.47元/天 解锁文章
900
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
