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