vm:viewport width 1vm=1/100视口宽度 1vh=1/100视口高度 首先我们先确定移动端的视口大小 ~~~ <!-- 兼容标签 指定双核浏览器默认以何种方式渲染页面。这里指定默认用webkit内核渲染 --> <meta name="renderer" content="webkit"> <!-- 适应移动端完美视口 --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> ~~~ 例如：iphone的视口宽度就定格在375px了 设计图的宽度一般：750px(375的2倍) 、1125px（375的3倍，应对当前某些及以后高清晰度手机） 步骤为：确定设计稿宽度》》》确定设备宽度(视口宽度)》》》确定vw尺寸（1vm=1/100视口宽度） ui设计师给的设计稿图为375px》》》iphone6的视口宽度为375px》》》1px=3.75vm vw单位尺寸=px单位数值/(1/100视口宽度) 如设计稿某个div的宽度为68则vw单位尺寸=68/(1/100视口宽度)=68/3.75vm=18.13333vm