css - Windows 特定 CSS 上的 Chrome

Question

我在 Windows 上遇到 chrome 的问题，我试图在图像上设置最小高度，它在 Mac 和 Linux 上呈现良好但在 Windows 上它完全忽略它......有没有人知道一种在 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

也许你应该尝试设置一个盒子模型。听起来边距或一些填充会影响元素的高度。这可以通过边框模型

避免

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