我读到有关视口的内容,它改变了在iOS,Android,Opera和Firefox移动浏览器上显示页面时使用的逻辑窗口大小,并且我们使用视口元标记来设置视口的宽度和初始比例。 / p>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
我尝试了the example without viewport和the one with viewport
在我的Galaxy S II手机上,我没有发现任何变化!此外,我试图放大内容,但它不会缩放。我将user-scalable= yes
放在内容属性中,但它仍然没有放大!
注意:我使用PhoneGap在手机上运行HTML文件。
答案 0 :(得分:1)
viewport
是Apple在移动版Safari中引入的元标记,以便允许Web开发人员定义其网站在浏览器中的显示比例。您可以阅读所有相关信息here。
但是,您应该注意这适用于移动Safari浏览器,而不一定适用于PhoneGap(Cordova,现在?)。快速搜索显示this (somewhat recent) thread,似乎目前无法做到这一点。