代码之家 › 专栏 › 技术社区 › Aram Mkrtchyan

响应HTML的图像图片srcset加载两个图像

responsive image html

0

Aram Mkrtchyan · 技术社区 · 7 年前

heloo i使用picture srcset作为响应图像,并在网络上加载两个图像

第一个默认图像和第二个正确图像。

有人能给我解决办法。

谢谢。

这是我的例子

<picture>
    <source srcset="https://dummyimage.com/1200x400" media="(min-width: 1024px)">
    <source srcset="https://dummyimage.com/767x400" media="(min-width: 767px)">
    <source srcset="https://dummyimage.com/575x400" media="(min-width: 575px)">
    <source srcset="https://dummyimage.com/414x400" media="(min-width: 414px)">
    <img src="https://dummyimage.com/200x400" alt="Canvas">
</picture>

jsfiddle

请检查网络:)

0 回复 | 直到 7 年前