我知道background-size: cover
和background-size: 100% auto
之间的区别。我只是好奇,如果两者之间存在性能差异,并且如果差异足够大,可能更喜欢两者之一。
答案 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;
就可以了。