android - 在 Android 上缩放网站

Question

我的网站在 iPhone 上看起来很棒，但在 Android 上放大了。我在标题中有标准的设备宽度代码（我已经在我做过的所有网站上都使用了它，它们看起来很好）但是由于某种原因这在 Android 上不起作用，并且网站似乎被放大了在。

<meta name="viewport" content="width=device-width" />

我希望它看起来像它在 iPhone 上的样子。因此，当它加载时，您可以看到整个宽度。

在此处输入图像描述

像这里这样。

然而在android上它会这样做......

在此处输入图像描述

任何人都对为什么它在 Android 上放大以及如何修复这个奇怪的调整有建议。

score 2 · Accepted Answer

尝试将宽度设置为您网站的实际宽度，而不是设备的宽度。

例如：

<meta name="viewport" content="width=980">

另外，我建议你买一本关于 HTML/CSS 的好书，然后按照自己的方式学习。

编辑：O'Reilly 的“Head First”HTML 和 CSS非常容易理解，但也会为您提供坚实的基础。

score 1 · Accepted Answer

试试这个：

<meta name="MobileOptimized" content="320">

除了你的

<meta name="viewport" content="width=device-width">

（或将 320 更改为任何有意义的值）

这是一个工作示例，您可以查看其源代码：

2 回答 2