是否可以指定單獨的Firefox和IE高度？

我有兩張需要並排排列的桌子。爲了達到這個目的，我必須指定一個td高度。是否可以指定單獨的Firefox和IE高度？

在IE中，高度應該是2.1em。在Mozilla中它需要是1.76em。

似乎沒有成爲一個

-moz-height:1.76em;

任何想法我如何能實現我的目標是什麼？

來源

2011-08-12 P.Brian.Mackey

工作，你可以把IE高度到一個單獨的樣式表並將其加載到默認的樣式表後，使用IE條件註釋，以便其他瀏覽器忽略它。否則，你可以使用jQuery來改變高度它的加載後（如果（$ .browser.msie））

來源

2011-08-12 17:38:55 craftsycandymonster

This works great。隨着IE.css列出的最後結合條件，我只需要將我的「例外」添加到IE.css。不需要其他修改，因此幾乎沒有代碼重複。 –

是的。消防福克斯做到這一點：

@-moz-document url-prefix() { 
    //Your css here 
    #my-id { font-size: 100%; } 
}

對於IE，你可以做這樣的事情：

[if IE 8]><link rel="stylesheet" href="DefaultSTyleForIE8.css" type="text/css" media="screen, projection"/><![endif]

這個CSS將只對IE 8

來源

2011-08-12 17:38:09

我會建議html5 boilerplate方法，

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> 
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> 
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> 
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

那麼你就可以在你的CSS像目標即，

.oldie #myel{ 
    height: 2.1 
}

來源

2011-08-12 17:39:09 Andrew

我會無恥地使用IE conditional comments：

<style> 
td { 
    height: 1.76em; 
} 
</style> 

<!-- [if IE]> 
<style> 
td { 
    height: 2.1em; 
} 
<style> 
<!endif-->

來源

2011-08-12 17:39:14 brandizzi

^h ERE的CSS過濾器的列表通過瀏覽器：

http://en.wikipedia.org/wiki/CSS_filter

來源

2011-08-12 17:39:25

瀏覽器檢測使用IE瀏覽器IE的條件註釋，寫出來單獨BODY標籤：

<!--[if IE]><body class="ie"><!--<![endif]--> 
<!--[if !IE]><!--><body><!--<![endif]-->

然後，只要你有一種風格，你可以更具體是通過添加ie類來搭載IE：

.mystyle {styles for good browsers} 
.ie .mystyle {styles for IE}

來源

2011-08-12 17:40:26

在mozilla中可以通過高度來改變mozilla的高度t：-moz-calc（470px）; 和自動高度身高：-moz-available;

來源

2016-06-10 09:31:41

是否可以指定單獨的Firefox和IE高度？

回答

相關問題