HTML5 img srcset All In One

HTML5 img srcset All In One

fix cdn error

Hi there 
<span style="max-width: 36px; display: flex;">

<img
   src="https://cdn.xgqfrms.xyz/images/wave-hand.gif"
   srcset="https://raw.githubusercontent.com/xgqfrms/cdn/gh-pages/images/wave-hand.gif"
   alt="👋" 
   title="wave-hand"
   style="width: 36px !important;"
/>

</span>

img & srcset

1x / 2x / ... Nx

<div class="box">
  <img
       src="/en-us/web/html/element/img/clock-demo-200px.png"
       alt="Clock"
       srcset="/en-us/web/html/element/img/clock-demo-200px.png 1x, /en-us/web/html/element/img/clock-demo-400px.png"
   />
</div>

https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---