关于网页自适应的一些注意事项

如果要使用

@media screen and (max-width:XXXXpx)或@media screen and (max-height:XXXXpx)

则需要在网页头中增加

<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

width = device-width：宽度等于当前设备的宽度（width为浏览器显示页面的有效宽度，不是分辨率的宽度，因一般浏览器左右两边无任何内容，所以浏览器显示页面的有效宽度=分辨率的宽度）
height = device-height：高度等于当前设备的高度（height为浏览器显示页面的有效高度，不是分辨率的高度）
initial-scale：初始的缩放比例（默认设置为1.0）  
minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）    
maximum-scale：允许用户缩放到的最大比例（默认设置为1.0）   

user-scalable：用户是否可以手动缩放（默认设置为no，因为我们不希望用户放大缩小页面） 

未完待续：），我是前台小白