适用于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或其他）应该导致边界框的高度相同。