响应式页面之媒体查询二

阻止移动浏览器自动调整页面大小

<meta anma-"viewport" content="initial-scale=2.0,width=device-width"/>

content="initial-scale=2.0"的意思是将页面放大两倍；width=device-width告诉浏览器页面矿都应该等于设备宽度。

meta标签还可以设置页面的可缩放范围：

<meta name="viewport" content-"width=device-width,mavmum-scale=3,minimum-scale=0.5"/>

禁止用户缩放

<meta name="viewport" content="initial-scale=1.0,user-scalable=no"/>

将缩放比例设置为1.0,这表是浏览器按照其视口大小渲染页面。将宽度设置为设备宽度，意味着支持该特性的浏览器都将会按照设备的实际大小来渲染页面。

<meta anma-"viewport" content="initial-scale=1.0,width=device-width"/>
CSS中有类似的标签viewport meta


@viewport{width:320px;}//表示将浏览器的视口宽度设置为320像素
@-o-viewport{width:320px}