img srcset在iMac 5k显示屏上挑选1x

时间:2015-05-29 20:37:40

标签: html css html5 srcset

我想创建一个全宽度引导滑块,我需要它才能在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

0 个答案:

没有答案
相关问题