视口 meta 标签在 Phonegap 上无法正常工作

Question

Viewport meta标签在PhoneGap Build上无法正常工作。内容和屏幕之间存在空白。

我正在使用的meta标签是：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

它看起来是这样的，并且可滚动：

但是它应该像这样没有任何滚动条：

- Hamza

Answer 1

试试这个 -

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

- Suhas Gosavi

---

只有在您已经设计好应用程序以正确地在此规模下工作时，才应该这样做。如果没有任何预先考虑就添加此标签，可能会使网页在移动设备上几乎完全无法使用。确保文本足够大以便阅读，并且按钮足够大以便点击。 - Suhas Gosavi

是的，它们足够大，但当我使用您的方法时，它会缩放到页面的约2/3大小。 - Hamza

@Hamza，答案是正确的。这应该可以工作。你一定做错了什么，或者可能是一些CSS问题。 - Furquan Khan

@Suhas，你能帮我一下吗？ - Hamza

问题和答案的元标签有什么区别？ - vinesh