具有最小设备像素比的Picturefill:2.0无法正常工作

时间:2013-05-08 05:49:28

标签: responsive-design retina-display image-scaling high-resolution picturefill

我第一次使用Picturefull而且我不确定我是否正确理解它。如果我用..

<div data-src="image.png" data-media="(-webkit-min-device-pixel-ratio: 2.0)"></div>

图像未显示。但是,如果我使用..

<div data-src="image.png" data-media="(-webkit-min-device-pixel-ratio: 1.0)"></div>

图像确实出现了。我想使用-webkit-min-device-pixel-ratio:2.0。有人可以向我解释如何正确使用它吗?谢谢。

1 个答案:

答案 0 :(得分:0)

听起来你不在视网膜显示设备上。这就是为什么它出现在标准“1.0”,而不是“2.0”。 如果您使用的是视网膜设备,它只会加载“1.0”图像,除非您已经指定了“2.0”图像,就像您所做的那样。但是,如果您使用的是“1.0”设备,它将无法加载“2.0”图像,您将看不到它。

希望这是有道理的......

总之,听起来它可能正常工作......你只需要尝试使用高清设备。