使用 HTML 5 doctype 在 iphone safari 浏览器的页面顶部创建一个空白答案

【问题标题】：Use of HTML 5 doctype creates a gap at top of page on iphone safari browser使用 HTML 5 doctype 在 iphone safari 浏览器的页面顶部创建一个空白
【发布时间】：2010-01-20 20:42:33
【问题描述】：

更新：请忽略，我的问题是由提供我的工作场所无线服务的供应商插入的广告栏引起的。

我正在构建一个适合移动设备的网站并想使用 HTML 5。但是当我将文档类型指定为 <!DOCTYPE HTML> 时，我在 iphone 上的 safari 页面顶部出现了一个空白。

我注意到其他网站也有同样的问题，例如 nextstop.com 和 nike.com

我猜 safari 还不完全支持 HTML 5。有人知道解决方法吗？

【问题讨论】：

我的 iPhone 和 nike.com 上的任何 HTML5 网站都没有发现差距。也许是因为默认浏览器 CSS？
你有什么iphone？我正在使用第三代 ipod touch。
这很奇怪。我也在运行 3.1.2。
我的问题是由提供我的工作场所无线服务的供应商插入的广告栏引起的。

标签： iphone html

【解决方案1】：

HTML 5 仍处于非常不稳定的状态。不要在生产环境中使用它。

编辑只是为了让你们知道它是关于什么的，HTML 5 is currently an Editor's Draft，并且文件清楚地指出（在本文件的状态部分）这规范不稳定，并且可能尚未就任何提议的部分达成共识。我认为应该足够清楚，这意味着现在开始使用它还为时过早。

【讨论】：

谢谢zneak。我意识到它仍然是一个草稿，但看起来很多网站正在推进并使用它。这一切都取决于项目和要求，但我打算将 html5 用于一些个人项目。

【解决方案2】：

所有浏览器都能正确解释 HTML 文档类型。将其放入会将您的浏览器设置为符合标准的模式，这是有或没有 doctype 的唯一区别。

您可以使用 http://meyerweb.com/eric/tools/css/reset/ 之类的 CSS 重置工具来消除所有元素的默认边距和填充。

【讨论】：