使用Picturefill的Retina图像?

时间:2014-08-19 12:20:17

标签: html retina-display picturefill

我在理解如何使用Picturefill

实现视网膜图像方面遇到了一些麻烦

这就是我所拥有的......我认为它不起作用:

<picture>
    <img
    src="img/small.jpg"
    srcet=
    "img/large.jpg" data-media="(min-width: 800px) 900w"
    "img/large.jpg" data-media="(min-width: 800px) and (min-device-pixel-ratio: 1.5) 1800w"
    "img/medium.jpg" data-media="(min-width: 640px) 640w"
    "img/medium_2x.jpg" data-media="(min-width: 640px) and (min-device-pixel-ratio: 1.5) 1280w"
    "img/medium.jpg" data-media="(min-width: 320px) 320w"
    "img/medium_2x.jpg" data-media="(min-width: 320px) and (min-device-pixel-ratio: 1.5) 640w"
    size="100%"
    alt="">
</picture>

media-queires拉出大2倍的图像。将Android设备设置为1.5。

0 个答案:

没有答案