加载时网页不会完全缩放

Question

当我在iPhone上加载Kickstarter.com时，它会像这样加载

但是当我加载我创建的网站时，它会像这样加载

正如您所看到的，对于KickStarter，它在加载时会一直缩小。 对于我的网站，它不会一直缩放。它放大到我网站的左上角。

有谁知道为什么会这样？如何让我的网站具有与KickStarter相同的行为？

感谢

Answer 1

您是否在HTML文件中设置了正确的缩放标记？

您需要将其放在HTML的顶部

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

Answer 2

假设这不是一个响应式设计，您需要向页面添加视口元标记

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

将1024更改为针对

优化的页面宽度

Answer 3

尝试添加：

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

在您网站的标题中。 “设备宽度”将使屏幕适合设备宽度。