html - 为什么meta“viewport”标签使我的页面在Android设备上看起来像是放大了？

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

http://healthybodyguru.com

我已经尝试了“ viewport”元标记的多种变体，当前是：

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

但是由于某种原因，在我的HTC Vivid上，页面加载得相当放大：



关于如何调整视口以使页面在Android上100％可见的任何想法？

最佳答案

也许尝试这样的事情：

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

老实说，我仍在尝试理解viewport。但是我想，也许现在知道了。视口width应设置为内容的默认可见宽度。例如：如果您只有带<img/>的width: 320px，则使用上面的代码将图像全屏显示。

关于html - 为什么meta“viewport”标签使我的页面在Android设备上看起来像是放大了？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15509119/