0

我曾尝试使用：

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

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

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

但是，当我使用该元标记时，我页面上的第一行文本被向下移动，就像它被填充一样。

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

        <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 行。

有谁知道解决这个问题或我做错了什么？

4

1 回答 1

0

要在使用 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 中对我有用。

于 2013-01-04T17:43:44.190 回答