【发布时间】:2017-04-19 04:24:57
【问题描述】:
在 Gmetrix 上,我得到了提供缩放图像的建议。我明白了,但我的网站是响应式的,并且图像的大小相对于浏览器的宽度会发生变化。是否可以解决此问题并保持响应式设计?顺便说一句,图像在引导轮播中
【问题讨论】:
标签: jquery twitter-bootstrap responsive-design pagespeed image-scaling
在 Gmetrix 上,我得到了提供缩放图像的建议。我明白了,但我的网站是响应式的,并且图像的大小相对于浏览器的宽度会发生变化。是否可以解决此问题并保持响应式设计?顺便说一句,图像在引导轮播中
【问题讨论】:
标签: jquery twitter-bootstrap responsive-design pagespeed image-scaling
回答有点晚了,但是你可以使用srcset,我认为这是处理这个问题的最简单的方法,请注意opera mini或IE10不支持这个,但是对其他有很好的浏览器支持浏览器(包括边缘),这里有一个来自css-tricks 的示例,非常不言自明:
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">
【讨论】: