【问题标题】:Serve scaled image with responsive layout使用响应式布局提供缩放图像
【发布时间】:2017-04-19 04:24:57
【问题描述】:

在 Gmetrix 上,我得到了提供缩放图像的建议。我明白了,但我的网站是响应式的,并且图像的大小相对于浏览器的宽度会发生变化。是否可以解决此问题并保持响应式设计?顺便说一句,图像在引导轮播中

【问题讨论】:

    标签: jquery twitter-bootstrap responsive-design pagespeed image-scaling


    【解决方案1】:

    回答有点晚了,但是你可以使用srcset,我认为这是处理这个问题的最简单的方法,请注意opera mini或IE10不支持这个,但是对其他有很好的浏览器支持浏览器(包括边缘),这里有一个来自css-tricks 的示例,非常不言自明:

    <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">

    【讨论】:

      猜你喜欢
      • 2013-02-14
      • 2012-05-25
      • 2015-12-30
      • 1970-01-01
      • 2013-07-08
      • 1970-01-01
      • 1970-01-01
      • 2019-05-18
      • 2018-04-10
      相关资源
      最近更新 更多