在Android上的网站缩放

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

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

我希望它看起来像它在iPhone上的方式。所以当它加载时，你可以看到整个宽度。

enter image description here

喜欢在这里。

然而在Android它这样做...

enter image description here

任何人有意见，为什么它放大了Android和我怎样才能解决这个怪异的调整。

来源

2012-08-27 kia4567

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

例如：

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

此外，我建议对HTML/CSS得到一本好书，并通过自己的方式工作。

编辑：O'Reilly's 'Head First' HTML & CSS是极其容易遵循，但也会给你一个坚实的基础。

来源

2012-08-27 17:35:52

看起来不错。你能帮我理解为什么要这么做吗？为什么一直都在工作，并且突然不在本网站上？ – kia4567

每个移动操作系统都有其自己的渲染怪癖，它们可以根据您网站的宽度进行更改。例如，iOS会放大比980像素更薄的网站，但不会缩小它们。这是因为iPhone的“设备宽度”是980.在Android操作系统中，设备宽度通常是您的实际分辨率（这是放大时重新格式化文本的原因）。将其设置为您网站的实际宽度将其标准化到两个平台。 –

试试这个：

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

除了你

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

（或更改320到任何有意义的）

这里的工作的例子，你可以检查它的源代码：

http://m.qrdroid.com

来源

2012-08-27 17:47:40

谢谢jorge，你和Django是对的。 – kia4567

在Android上的网站缩放

回答

相关问题