关于html+css适配移动端设备

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

width设置viewport的宽度，即iphone最初模拟PC浏览器的宽度，之后iphone会按这个宽度展现的页面同比缩放到iphone屏幕上。设置width=device-width后就不会再进行缩放了，因为宽度正好和iphone的宽度相同（前提是没有设置缩放比例）。

minimum-scale和maximum-scale是控制用户允许设置的缩放比例的。

user-scalable标识是否允许对页面进行缩放，取值有两个yes和no。设置为no则不允许进行页面缩放了。

initial-scale设置用户最初看到页面时的缩放比例。