Question

我试过用：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

在我的静态html页面的<head>部分。

我正在使用它来确保访问更新的CSS元素这很好用，我可以在IE9浏览器中使用table:last-of-type。

然而，当我使用那个元标记时，我页面上的第一行文字会像填充一样向下移动。

我尝试过其他元标记，例如：

        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv=\"date\" content="Wed, 16 Feb 2011 22:34:13 GMT" />;
        <meta name="description\" content="How to use Meta Tags">

我可以将所有这些都打开，并且不会出现神秘填充只有在我使用上述内容时才会发生。

我可以使用：<meta http-equiv="X-UA-Compatible" content="IE=7" />并且第一行位置是正确的，但是这首先打破了使用它的目的，以确保最新的CSS功能。

此外，

这些也创造了神秘的第一行填充：

<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />

我的静态html页面的第一行只是文本。

我能给出的最简单的例子是：

<html>

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

<body>
Here is the first line of text.
</body>
</html>

如果您取出该元标记，该页面会打印出大约1行。

有没有人知道这方面的解决方法或我做错了什么？

Answer 1

要在使用content =“IE = edge”时摆脱奇怪的间距问题，请使用此作为您的html声明：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

并在body标签中添加：

style="margin:0;padding:0;"

它适用于IE，Firefox和Chrome。

使用X-UA兼容元标记时的额外填充

1 个答案: