額外填充使用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標籤

回答

相關問題