背景大小覆盖和背景大小100%自动之间是否存在性能差异?

时间:2016-02-15 16:34:54

标签: css css3 background background-image

我知道background-size: coverbackground-size: 100% auto之间的区别。我只是好奇,如果两者之间存在性能差异,并且如果差异足够大,可能更喜欢两者之一。

1 个答案:

答案 0 :(得分:1)

不要使用background-size: cover。我的表现经验非常糟糕,特别是对于滚动的长列表。

如果您将其用作浏览器视口的背景图像,请以这种方式使用它:

https://www.fourkitchens.com/blog/article/fix-scrolling-performance-css-will-change-property/

如果您使用background-size: cover,例如对于瓷砖的背景,你可能有很多,那么只需使用background-size: $tile-width $tile-height;就可以了。

祝你好运!