使用响应式布局提供缩放图像
Serve scaled image with responsive layout
在 Gmetrix 上，我得到了提供缩放图像的建议。我明白了，但我的网站是响应式的，图像会根据浏览器宽度改变大小。是否可以解决此问题并保持响应式设计？顺便说一句，图像在 bootstrap-carousel
内
回答有点晚，但你可以使用srcset，我认为这是处理这个问题的最简单方法，请注意，opera mini 或 IE10 不支持，但有一个好的浏览器支持其他浏览器（包括 edge），这里有一个来自 css-tricks 的例子，不言自明：
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">
在 Gmetrix 上，我得到了提供缩放图像的建议。我明白了，但我的网站是响应式的，图像会根据浏览器宽度改变大小。是否可以解决此问题并保持响应式设计？顺便说一句，图像在 bootstrap-carousel
内回答有点晚，但你可以使用srcset，我认为这是处理这个问题的最简单方法，请注意，opera mini 或 IE10 不支持，但有一个好的浏览器支持其他浏览器（包括 edge），这里有一个来自 css-tricks 的例子，不言自明：
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">