今天我们将讨论 Web 响应式图像，这是一个非常流行的话题，而且非常有问题。 如果你搜索这个主题，你会发现无数的文章有各种各样的解释，但我不会重复这些，并以不同的方式教你。 正确加载图像，提高您的 SEO 排名并为您的网站提供更好的用户体验。 什么是响应式图像？响应式图像将（应该）自动调整以适应屏幕尺寸。 但是……这是正确的做法吗？ 嗯，是的，也不是。 如果您对此进行谷歌搜索或查看诸如 Bootstrap 之类的现代框架，您会注意到它们对“响应式图像”的定义是一个简单的 CSS，类似于： 1max-width: 100%; 2height: auto; 虽然这“有效”，但并不完全正确。有几个原因，但最重要的一个是图像大小。我不是在谈...