CSS webkit高度

Question

我有一個div盒，它必須得到一個特定的高度：241px的問題。 在所有瀏覽器中都顯示正確，但在鉻和Safari瀏覽器它只有230px高度

是否有一個可能性，每個示例與CSS修改此框只有在webkit瀏覽器？

Answer 1

有可能通過將其放置在一個媒體查詢參照WebKit的特定屬性只適用於基於WebKit的瀏覽器的CSS規則：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* webkit specific CSS */ 
    div#mydiv { height:241px; } 
} 

Answer 2

我很好奇，如果你的問題，從一個盒子大小設置朵朵。

因爲這個原因，我本可以提供這個答案，因爲thirtydot指出接受的答案並不能幫助你理解爲什麼你有這個問題。

對我來說，鉻不會顯示框大小：填充框，所以我不得不使用邊框，主要工作，除了排列在它旁邊的元素不會呈現相同，如果我依靠身高。這是因爲使用填充框的mozilla的最終高度將比chrome中設置爲邊框的元素短兩個像素。

解決方案是使元素保持一致。所以我需要將我的另一個元素（我想要排列的元素）分別放在邊框和填充框中。我可以嘗試通過使用您的答案來告訴它有不同的高度取決於瀏覽器，但我認爲這不是最好的主意。

-webkit-box-sizing: padding-box; 
-moz-box-sizing: padding-box; 
box-sizing: border-box;