标签:不同 media 图片 code -- htm min 元素 尺寸
1.介绍:根据屏幕匹配的不同尺寸显示不同图片,picture 元素允许我们在不同的设备上显示不同的图片,一般用于响应式
<!-- 在不同的屏幕尺度下显示不同的图片 --> <picture> <source media="(min-width: 500px)" srcset="./images/timg.jpg"> <source media="(min-width: 301px)" srcset="./images/niao.jpg"> <img src="./images/touxiang.png" alt=""> </picture>
标签:不同 media 图片 code -- htm min 元素 尺寸
原文地址:https://www.cnblogs.com/zxuedong/p/12966839.html