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

<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, 但是都没有效果

阅读 6.3k
4 个回答

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

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

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

新手上路,请多包涵

盒模型看看呀

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

img外层的盒子 {
 font-size:0 
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题