iphone X 两个div 中间缝隙怎么去除

Question

<style>
body,div,p,ul,ol,li,img{
    margin: 0;
    padding: 0; 
}
.bgimg{
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
</style>
    <div class="bgimg" style="height: 1.77rem; background-image: url('https://wicdn.xiaohongchun.com/xhc-plat/1516241484691_dmWHtZXP2c.jpg')"></div>

    <!-- 新年好礼 -->
    <div class="bgimg single" style="height: 4.26rem; background-image: url('https://wicdn.xiaohongchun.com/xhc-plat/1516241484691_edN6k2DY5w.jpg')">
        <span class="goodsItem" pid="13105"></span>
    </div>

在其他设备没有问题，但是在iphone X 上两个div 中间会有一条白线，试过font-size:0、padding: 0、 margin:0， 但是都没有效果

Answer 1

是小数点问题，需要单独设定样式

/* 适配iphone X */
@media only screen and (device-width:375px) and (-webkit-device-pixel-ratio: 3) {
    .bg1{
        height: 1.76rem !important;
    }
}

Answer 2

拼缝位置靠上点，body加个纯色背景呢？
感觉像是小数像素取整的问题……

Answer 3

盒模型看看呀

Answer 4

这个问题其实是图片与图片有字体 默认为1像素的高度

img外层的盒子 {
 font-size:0 
}