html - 为什么 meta "viewport"标记使我的页面在 Android 设备上看起来放大了？

Question

我正在努力使我的网站在移动设备上更具“响应性”。

http://healthybodyguru.com

我已经尝试了很多“视口(viewport)”元标记的变体，目前是:

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

但出于某种原因，在我的 HTC Vivid 上，页面加载时放大了很多:

关于如何调整视口(viewport)以使页面在我的 Android 设备上 100% 可见有什么想法吗？

Answer 1

也许尝试这样的事情:

<meta name="viewport" content="width=320px, initial-scale=1, maximum-scale=1"/>

我仍在努力理解 viewport说实话。但我想，我现在可能明白了。视口(viewport) width应设置为内容的默认可视宽度。例如:如果您只有一个 <img/>与 width: 320px , 如果您使用上面的代码，图像将是全屏的。