网站缩放Android

Question

My website在iPhone上看起来很棒但在Android上放大了。我在标题中有标准的设备宽度代码（我已经将它用于我已经完成的所有网站并且它们看起来很好）但是由于某种原因这不适用于Android并且网站似乎主要是放大in。

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

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

就像这里一样。

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

任何人都有关于它为何放大Android的建议，以及我如何解决这个奇怪的调整。

Answer 1

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

例如：

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

另外，我建议你写一本关于HTML / CSS的好书，然后继续学习。

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

Answer 2

试试这个：

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

除了你的

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

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

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

http://m.qrdroid.com