Eric Portis 深入探讨了当您提供 <img srcset="" sizes"">
时,浏览器如何决定下载哪个图像。值得注意的是,浏览器可以按照其意愿执行操作。
有意未指定的行为使浏览器能够针对开放式问题提供创新的答案。
尽管如此,计算还是基于您提供的内容进行的,您仍然可以在这方面做得很好。
所有这些中最奇怪的部分是 sizes
属性可以更改图像的“自然宽度”,这可能导致意外的上缩放,这是我们习惯于厌恶的事情。如果您遇到这种情况,您可以…
- 使用内联
width
属性 - 使用内联
style
设置max-width
- 接受您可能会遇到偶尔上缩放的事实