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