属性srcset在Safari中正常工作

时间:2017-07-17 14:38:59

标签: ios safari srcset

我在Safari浏览器中遇到属性srcset的问题!因此,如果我想让make窗口更小,然后加载页面(清除缓存后/或使用隐身模式)。然后通过使窗口更大,但浏览器不切换到更高分辨率的图片。在iPhone 6和iPad上改变方向时也是如此。这是我的代码:

    <img src="http://via.placeholder.com/414x500/CD853F/ffffff?text=Mobile+image+414px"
             srcset="http://via.placeholder.com/414x500/CD853F/ffffff?text=Mobile+image+414px 414w,
                    http://via.placeholder.com/980x500/CD853F/ffffff?text=Tablet+image+980px 980w,
                    http://via.placeholder.com/1280x500/CD853F/ffffff?text=Landscape+image+1280px 1280w,
                    http://via.placeholder.com/1920x500/CD853F/ffffff?text=Desktop+image+1920px 1920w"
             sizes="100vw"
             alt="image description">

0 个答案:

没有答案