Chrome在Windows特定的CSS

我在Windows上遇到了一個問題，我試圖設置一個最小高度的圖像，它呈現在Mac上很好，但在它的Windows上它完全忽略它。。有沒有人知道一個具體的方法，只是在CSS內的Windows上的目標鉻。Chrome在Windows特定的CSS

這是我到目前爲止有：

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

這工作得很好對鉻在Mac上，但似乎對Chrome Windows版添加一個額外的20/30像素。

來源

2016-10-11 WebDevB

請提供一下您一定 –

對不起羅恩演示是可以避免的，我已經做了，現在。 – WebDevB

我不知道是否有隻有CSS的解決方案。如果你找不到答案，請參考http://stackoverflow.com/questions/11219582/how-to-detect-my-browser-version-and-operating-system-using-javascript來解決它與JavaScript – Focki

-1

也許你應該使用min-height: 640px !important？

來源

2016-10-11 10:24:15

也許你應該嘗試設置一個盒子模型。這聽起來像是邊緣或一些填充效果元素的高度。這可以用邊界盒模型

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; 
}

來源

2016-10-11 10:43:00

Chrome在Windows特定的CSS

回答

相關問題