我有一个透明的 .png 作为重复背景图像 (repeat-x)，在桌面上看起来很棒，但在移动设备上查看时，它看起来像顶部的“repeat-y”的 tiiiiiiny 条:
源图像文件宽 300px，高 100px，这个 div 的 CSS 如下所示:
background: url("../img/leaf-pattern-border.png") 0 0 repeat-x scroll transparent;
height: 100px;
页面上的其他图片没问题，所以作为测试，我将其更改为“不重复”，问题就解决了!所以似乎是“repeat-x”让事情变得奇怪。有谁知道我怎样才能摆脱这种细边/边框/人工制品？
最佳答案
我最终调整了容器 div 的位置并修复了它。感谢@DannyBarber 的帮助:)
关于html - "repeat-x"仅在移动设备中弄乱图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32895576/