使用picture

课后整理 2020-12-20

<picture>标记的使用方法与<audio>标记和<video>标记非常类似。使用<picture>标记不仅可以适配响应式屏幕的大小,还可以根据屏幕的尺寸调整图片本身的宽高。

<picture>标记又包含<source>标记和<img>标记。其中<source>标记的功用,可以针对不同屏幕尺寸,显示不同的图片。

【示例】