【发布时间】: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; } -
已经试过了,但没有帮助:(
-
尝试添加这个
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">。我知道这不是您要问的,但也许会有所帮助。