【问题标题】:Fixed size web page gets centered on height on iPhone固定大小的网页在 iPhone 上以高度为中心
【发布时间】:2013-01-11 22:45:48
【问题描述】:

我正在调整一个固定大小的网站(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>

【问题讨论】:

  • 添加body { padding: 0; margin: 0; }
  • 已经试过了,但没有帮助:(
  • 尝试添加这个&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt;。我知道这不是您要问的,但也许会有所帮助。

标签: iphone html css


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2015-03-27
    • 2014-08-17
    • 1970-01-01
    • 1970-01-01
    • 2012-08-14
    • 2012-06-21
    • 1970-01-01
    • 2021-03-25
    • 2015-05-19
    相关资源
    最近更新 更多