適用於Safari 4.0但不適用Google Chrome的CSS

Question

我遇到了CSS問題。它適用於所有瀏覽器（IE6/7/8，Firefox 3 +，Opera 9.5+，Google Chrome 3/4）的風格，但在Safari 4.0中不適用。如果我使用：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #blaat { margin: 1px 0px; } 
} 

我可以在Safari中工作，但它隨後在Chrome中斷。任何人都知道任何Safari 4.0特定的CSS黑客？

Answer 1

嘗試使用line-height進行試驗。 line-height的默認值取決於瀏覽器，因此如果不明確設置行高，則可以在不同的brwosers中獲得不同的邊界框高度。例如設置line-height: 1.2em（或1.1em或1.5em或其他）應該導致邊界框的高度相同。