css - CSS ウェブキットの高さ

Question

特定の高さ 241px を取得する必要がある div ボックスに問題があります。すべてのブラウザで正しく表示されますが、chrome と safari では高さが 230px しかありません

たとえば、Webkit ブラウザーでのみこのボックスを変更する css ハックを使用する可能性はありますか?

Answer 1

Webkit 固有のプロパティを参照するメディア クエリに CSS ルールを配置することで、Webkit ベースのブラウザーにのみ CSS ルールを適用することができます。

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