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 に設定します。