在我的完全响应式单页应用程序中，我有一个最多包含 10 张图片的图片库。对于移动设备，我会将较小的图像应用为 background-image 以缩短加载和渲染时间。这可以很容易地通过媒体查询来完成。
注意:如果用户正在调整浏览器窗口的大小并且在媒体查询中，将从 CDN 获取图像的新版本。
这是可以接受的还是您知道更好的解决方案？
最佳答案
听起来是个不错的计划:)
您还可以使用预取机制来预取较小的图像
<link rel="prefetch" href="small-image.png">
关于html - 不同的图像大小取决于视口(viewport)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52824057/