移动webvw-rem的使用

1、新的单位 vw vh

新的单位 px（像素） em（HTML字体） %（百分比）rem（老版10rem满屏） vw （新版100vw满屏）

使用老版rem(10rem满屏)

必须要引入一段 JS 手淘开发 flexible.JS

要使用插件

然后把设计稿的宽度 除以 10 得到数值,在放到设置中

使用新版vw(100vw满屏)

要使用插件

然后把设计稿的宽度 除以100 得到的数值,放在设置中

注意:rem和vw只能使用一个,另一个要禁用,不然会冲突

​ vw 是相对长度单位 （都是要找到参照物的）相对于屏幕的宽度

​

​ 100vw = 屏幕的宽度 = viewport width 视口的宽度

​ 100vh = 屏幕的宽度 = viewport height 视口的宽度

​ 1 vw =屏幕的宽度 * 0.01

​ 作用

​ 移动端的屏幕适配（手机屏幕越大 看见的元素就越大） 必备

2、 vw rem 共用公式

​