如果有一个在某个维度上重复的一维背景，如果图像是例如1 像素宽与 10 或 20 像素宽？
最佳答案
我假设你的意思是二维背景。
我无法想象在现代计算机上会有任何明显的区别。但是，由于带宽仍然非常宝贵，尤其是在移动设备上，我认为您最好通过重复 1 像素宽的图像而不是 2 或 3 像素宽来节省带宽。
更新:我们刚刚进行了一项测试，虽然不科学，但在感知上肯定是相关的，其中一个页面在 10,000,000 像素的正方形 div 上渲染了一个 10 像素的绿色正方形，而另一个页面在相同大小的 div 上渲染了一个 1 像素的绿色正方形。所有样式都用CSS设置，两个页面都没有其他内容。图形是在本地加载的。在 Mac 版 Safari 5 或 Mac 版 FireFox 8 中，渲染绝对没有感知差异。尽管如此，某些型号的旧款(较差的)智能手机仍可能存在性能问题。
关于html - 如果大于 1px，html 中的重复背景是否更有效？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8362974/