我想创建一个全角引导滑块,我需要它在 5k iMac 上工作,所以我继续添加我的图像,如下所示:
<img srcset="http://placehold.it/1920x800 1x, http://placehold.it/3840x1600 2x, http://placehold.it/5120x2130 4x" alt="Retina" />
,但 chrome 加载了1x图像。
经过一番谷歌搜索后,我这样做了:<img srcset="http://placehold.it/1920x800 1920w, http://placehold.it/3840x1600 3840w, http://placehold.it/5120x2130 5120w" alt="Retina" />
chrome 选择了3840w图像,它填充得很好,但是这种语法(使用w)在 Safari 上不起作用,而且,正如你可能猜到的,我需要 safari 支持。
5k iMac 显示器是否被视为 1x?如果是这样,一些polifill可以解决我的问题吗?
编辑: JsFiddle