3.Meta

<meta>标签

<meta name="viewport" content="name=value,name=value">

width:设置布局viewport的特定值（"device-width"）

initial-scale:设置页面的初始缩放

minimum-scale:最少缩放

maximum-scale:最大缩放

user-scalable:用户能否缩放

 

document.body.clientWidth

window.innerWidth

缩放比：window.innerWidth/document.body.clientWidth

 

最佳最常用：[布局viewport]=[设备宽度]=[度量viewport]

<meta name="viewport" content="width=device-width,initial-scale=1,user-scaleable=no" />