响应式页面之媒体查询二

来源:互联网 发布:淘宝新店靠谱的推广 编辑:程序博客网 时间:2024/05/21 10:38

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

<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}






0 0
原创粉丝点击