发布于 5年前

<picture>标签用法,在PC端加载大图,移动端加载小图

<picture>
    <source srcset="small.png" media="(max-width: 992px)">
    <img src="big.png" />
</picture>

<!--
    屏幕宽度<=992像素时,img标签加载的是small.png,不会下载big.png
    屏幕宽度>992像素时,img标签加载的是big.png,不会下载small.png
    不管加载哪个,img的onload事件都会触发

    IE全系列不支持,只会加载big.png
-->
©2020 edoou.com   京ICP备16001874号-3