Windows上のChrome

Question

私はクロムに問題があります。画像に最小の高さを設定しようとしていますが、Macでは& Linuxで問題なくレンダリングされますが、windowsではcompletleyは無視します。誰かがcss内でWindows上でchromeをターゲットにする特定の方法を知っていますか？ここで

は、私がこれまで持っているものです。

.exp_image { 
background: url(/images/assets/img.jpg); 
background-size: cover; 
margin-top: 30px; 
min-height: 640px; 
} 

これは、Mac上のChromeで正常に動作しますが、Windows上のChromeで余分な20/30pxを追加しているようです。

Answer 1

多分min-height: 640px !importantを使用する必要がありますか？

Answer 2

おそらく、あなたはボックスモデルを設定しようとする必要があります。余白のように聞こえたり、いくつかのパディングが要素の高さに影響します。これはボーダーボックスモデル

html { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 
*, *:before, *:after { 
    -webkit-box-sizing: inherit; 
    -moz-box-sizing: inherit; 
    box-sizing: inherit; 
}