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

PC端:image.png

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

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

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

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

提前谢谢大家!

阅读 5.8k
3 个回答

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

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

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

  1. 两张图片标签写在一起不要换行: <img src="xxx"><img src="xx2">
  2. 图片的样式,设置 font-size: 0
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题