我有一个大约 10,000 像素宽的页面。
当用户滚动时，页面从右向左移动，形成水平滚动。
我的页面上有多个 div，每个 div 都有一个背景图像，每个 div 的背景大小设置为包含，以便图像相应地缩放每个 div 的高度。
.examplediv {
background-image:url('myimage.jpg');
background-size:contain;
height:80%;
width:200px;
}
我的页面滚动相对平稳，直到到达我有 .examplediv 的点，然后它开始抖动/抖动。
我想问的是，以前有没有人遇到过这个问题，在 css 中加载图像是否比在标记中留下空的 div 标签慢？ :contain 值是否在每次滚动时重新计算并减慢速度？
最佳答案
问题是，当使用 background-size 时，浏览器实际上不会缓存图像，所以在每次事件之后，比如用某些东西覆盖图像等，它必须再次渲染它 - 更大图像它给出了明显的滞后
编辑:这里是一个类似问题的问题 Poor performance of Chrome using background-size: cover
关于jquery - CSS背景图片影响查询性能？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14755605/