当我添加一个视口元标记时,为什么PhoneGap不会以不同的方式呈现我的页面?

时间:2012-09-21 15:51:58

标签: html5 cordova zoom responsive-design viewport

我读到有关视口的内容,它改变了在iOS,Android,Opera和Firefox移动浏览器上显示页面时使用的逻辑窗口大小,并且我们使用视口元标记来设置视口的宽度和初始比例。 / p>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">

我尝试了the example without viewportthe one with viewport 在我的Galaxy S II手机上,我没有发现任何变化!此外,我试图放大内容,但它不会缩放。我将user-scalable= yes放在内容属性中,但它仍然没有放大!

注意:我使用PhoneGap在手机上运行HTML文件。

1 个答案:

答案 0 :(得分:1)

viewport是Apple在移动版Safari中引入的元标记,以便允许Web开发人员定义其网站在浏览器中的显示比例。您可以阅读所有相关信息here

但是,您应该注意这适用于移动Safari浏览器,而不一定适用于PhoneGap(Cordova,现在?)。快速搜索显示this (somewhat recent) thread,似乎目前无法做到这一点。