html - 为什么在我添加视口(viewport)元标记时 PhoneGap 不会以不同方式呈现我的页面？

Question

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

<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 放在了 content 属性中，但它仍然没有放大!

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

Answer 1

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

但是，您应该注意，这适用于移动 Safari 浏览器，不一定适用于 PhoneGap(现在是 Cordova？)。快速搜索显示 this (somewhat recent) thread ，目前好像没有办法做到这一点。