Question

我正在调整固定大小的网站（800x600像素）以便在手机上工作，而我在iPhone上遇到了一些问题。

我已经设置了宽度= 800的元视口标记，以使页面完全适合屏幕。

不幸的是，在iPhone上，它将页面集中在高度上，从而使页面空间不受欢迎。它在Android上运行良好。

如何让它与iPhone上的顶部对齐？

这是页面的简化版本

<html>
<header>
  <meta name="viewport" content="width=800">
</header>
<body>
  <div style="width:800px; height: 600px;">
</div>
</body>
</html>

Answer 1

试试这个，它应该自动重新缩放

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