REMrem是一个相对尺寸，它相对于html根元素来进行计算类推3REM为48px。改变html根元素font-size属性的大小。那么REM值也会随之改变。html{font-size:50px;/*默认16px*/}此时3REM为150px。接下来我们通过一个小案例来演示。f-size使用了textcss类html{font-size:16px;}.text{font-size:1rem;}修改类选择器.text的font-size为2rem后。可以看到f-size随之变大了。让我们在做一次修改，可以看到40*2=80px。html{font-size:40px;}.text{font-s

一、前置知识vw：与视口的宽度有关，1vw就是视口宽度的1%vh：与视口的高度有关，1vh 就是视口高度的1%vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个vmin可以照顾移动端（手机端）横屏和竖屏的显示效果，保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏：显示效果不好vmin横屏：显示效果好，项目需要横屏的时候，可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/

一、前置知识vw：与视口的宽度有关，1vw就是视口宽度的1%vh：与视口的高度有关，1vh 就是视口高度的1%vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个vmin可以照顾移动端（手机端）横屏和竖屏的显示效果，保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏：显示效果不好vmin横屏：显示效果好，项目需要横屏的时候，可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/

一、前置知识vw：与视口的宽度有关，1vw就是视口宽度的1%vh：与视口的高度有关，1vh 就是视口高度的1%vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个vmin可以照顾移动端（手机端）横屏和竖屏的显示效果，保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏：显示效果不好vmin横屏：显示效果好，项目需要横屏的时候，可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/

一、前置知识vw：与视口的宽度有关，1vw就是视口宽度的1%vh：与视口的高度有关，1vh 就是视口高度的1%vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个vmin可以照顾移动端（手机端）横屏和竖屏的显示效果，保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏：显示效果不好vmin横屏：显示效果好，项目需要横屏的时候，可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/