移动端自适应rem

今天写的是移动端自适应rem

【内容】

先给大家普及一下重要的知识点！！

（1）浏览器的默认字体大小：16px
（2）chrome字体最小限制：12px
（3）CSS单位分为绝对单位和相对单位

大部分浏览器的字体最小限制为12px！

css单位

定位中有绝对定位，相对定位，当然css中也是有绝对单位和相对单位的

CSS中，单位分为两类
（1）绝对单位：无论其他相关的设置怎么变化，绝对单位指定的值是不会变化的；
（2）相对单位：没有固定的度量值，是由其他元素尺寸来决定的相对值。

css的绝对单位有：

css相对单位有：

CSS单位浏览器兼容性

CSS重要单位集合

①px像素Pixel，绝对长度单位，相对于显示器屏幕分辨率而言的。

②em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

③rem是CSS3新增的一个相对单位（root em，根em），使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

④%一般宽泛的讲是相对于父元素

⑤vw与vh视窗单位，vmax与vmin可以判断屏幕横竖屏

CSS单位—em