CSS|移动端页面 background-image div下方出现白色线条,PC端没有

PC端:image.png

移动端(Chrome模拟器)image.png
(真机有此问题,安卓/魅族)

P.S. 项目里没用img标签,而是background-image。
很奇怪的问题。
通过调整div的height可以在某个值时消除此线条,但设计原因不能调整高度!

代码很简单,在这里 【注意里面的图片用的是Imgur的图床,因此可能翻墙才能展示。】

我做过的尝试:加背景色,会减轻白色线条影响,但仔细看,依旧是能看到白线的。

提前谢谢大家!

阅读 453
评论
    3 个回答
    • 2.8k

    Chrome 模拟器 和 真机还是有差别的。。。
    我碰到过 模拟器 有线,真机没线的,你确认过真机上还有这根线?

      连续两张图片上下排列吗?加上float: left;试下

        有可能是空格的影响,试下下面的办法:

        1. 两张图片标签写在一起不要换行: <img src="xxx"><img src="xx2">
        2. 图片的样式,设置 font-size: 0
          撰写回答

          登录后参与交流、获取后续更新提醒

          相似问题
          推荐文章