额外填充使用X-UA兼容meta标签

时，我曾尝试使用：额外填充使用X-UA兼容meta标签

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

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

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

但是，当我使用该元标记时，我的页面上的第一行文本会向下移动，因为它正在填充。

我已经尝试过其他的meta标签，如：

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

如果你拿那meta标签页面打印〜1线高。

有没有人知道解决此问题或我做错了什么？

来源

2012-05-25 Baxter

它似乎是所有填充不只是顶部。 – Baxter

你能举一个活生生的例子吗？ –

要使用内容时摆脱怪异的间距问题= “IE =边缘” 用这个作为你的HTML声明：

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

，并在身体标记补充一点：

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

它适用于IE，Firefox和Chrome。

来源

2013-01-04 17:43:44 rmsmi

额外填充使用X-UA兼容meta标签

回答

相关问题