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