srcset不會對iPhone

Question

我使用我的項目srcset工作，一切順利，直到我在iPhone上測試，然後srcset sudenly不工作，在這裏我的代碼：

<picture class="banner-hero__picture-container"> 
    <source srcset="../../../../../xxx/01-480.jpg" media="(max-width: 479px)"> 
    <source srcset="../../../../../xxx/01-768.jpg" media="(max-width: 767px)"> 
    <source srcset="../../../../../xxx/01-1200.jpg" media="(max-width: 1199px)"> 
    <img src="../../../../../xxx/01-1920.jpg" class="banner-hero__image"> 
</picture> 

我知道有是關於像素密度的一些規則，但在iPhone中的portait（320px，avec retina 640px）中加載的圖像是1920px，甚至不是768px。

（在iPhone 5測試）

Answer 1

picture不WebKit中被支持。使用圖片填充。

http://caniuse.com/#feat=picture http://scottjehl.github.io/picturefill/