小编Mig*_*osh的帖子

浏览器正在加载两张图片-一幅用于srcset,一幅用于src(Chrome 41等)

我正在开发的网页上使用srcset属性。

<img src="img/picture-820x496.jpg" 
    srcset="img/picture-820x496.jpg 1200w, 
    img/picture-374x226.jpg 992w, 
    img/picture-305x185.jpg 768w, 
    img/picture-707x428.jpg 300w" />
Run Code Online (Sandbox Code Playgroud)

如果我检查页面上加载了哪些资源,我会看到Chrome 41以及使用polyfill的FF以及Safari 7始终将图像加载两次-一次是完整分辨率,一次是从srcset属性获得的相应大小。我在这里做错了什么?

safari firefox html5 google-chrome srcset

5
推荐指数
1
解决办法
1580
查看次数

标签 统计

firefox ×1

google-chrome ×1

html5 ×1

safari ×1

srcset ×1