移动端响应式布局和移动性能陷阱

每种设备都有不同的分辨率

我们通常可以使用viewport固定整个页面的宽度

<meta name="viewport"

content="width=device-width, 它的宽度为默认设备的宽度

initial-scale=1.0,    初始化的缩放，为了不让用户的缩放破坏我们的布局，所以我们需要初始化的缩放

minimum-scale=1.0 最小的缩放为1.0

maximum-scale=1.0,  最大的缩放为1.0  也就是说这个页面不能被缩放

user-scalable=no"

>

移动端时代