CSS webkit高度

Question

我有一个div盒的问题,必须得到一个特定的高度:241px.在所有浏览器中它都显示正确,但在chrome和safari中它只有230px高度

是否存在可能性,每个示例都有一个css hack只能在webkit浏览器中修改此框？

Answer 1

通过将它们放在引用webkit特定属性的媒体查询中,可以仅在基于webkit的浏览器上应用CSS规则:

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