"如何处理响应式图片？"

转载翻译原创

问答题 · 前端 · html · @{ formatTime(detail.create_time) }

如何处理响应式图片？

方式1：使用srcset属性

<img src="small.jpg" srcset="medium.jpg 500w, large.jpg 800w" alt="">

方式2：使用picture标签

<picture>
  <source srcset="large.jpg" media="(min-width: 800px)" />
  <source srcset="medium.jpg" media="(min-width: 500px)" />
  <img src="small.jpg" />
</picture>

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: a标签rel属性有哪些值？

回顶部