1

我在我的项目中使用 srcset，一切顺利，直到我在 iPhone 上测试，然后 srcset 突然不起作用，这里是我的代码：

 <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 上的肖像（320 像素，视网膜 640 像素）加载的图像是 1920 像素，甚至不是 768 像素。

（在 iPhone 5 上测试）

4

1 回答 1

2

pictureWebKit 尚不支持。使用图片填充。

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

于 2015-11-04T13:28:24.697 回答