消除两个内联块 DIV 之间的 1px 空间（已经尝试过标准解决方案）

Question

我无法让主页上两个 DIV 之间的 1px 空白消失。 当我调整 window 的大小时，它有时会很快消失。 但这对移动或初始负载没有好处。

有人对如何杀死白线有任何想法吗？！

Answer 1

发生这种情况是因为视口宽度的宽度可以是奇数个像素（不能被平均划分），因此存在一个子像素渲染问题（您看到的白线），特别是与display: table and display: table-cell 。

我可以通过将父容器更改为display: flex并将子容器更改为display: block来删除白线

CSS

.splash-cont {
    width: 100%;
    display: flex;
}

.splash-bg {
    width: 50%;
    height: 100vh;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}