srcset 在chrome51版本上不兼容

来源：6-6 如何实现响应式图片-sizes（sizes 解决 srcset坑）

荔枝小时

2016-09-06

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>通过srcset来改变不同分辨率下的图片</title>
   </head>
   <body>
       <div class="container">
           <img src="ad01.jpg"srcset="ad01.jpg 400w, ad02.jpg 800w, ad03.png 1000w"\>
       </div>
   </body>
</html>

这段代码，在chrome51上竟然不能实现，但是在火狐上却可以实现响应式图片，这是为什么？？？求大神指导

写回答

3回答

姜维

2016-09-07

不是很清楚我这里是可以的是不是语法问题改成下面这样呢

<img src="ad01.jpg" srcset="ad01.jpg 400w, ad02.jpg 800w, ad03.png 1000w" />

荔枝小时

提问者

2016-09-18

我找到我的原因了，可能是因为格式不对，我那个是图片得写图片的真实的像素

荔枝小时

提问者

2016-09-09

谢谢老师，我找到原因了

qq_唐大虾_03914583

找到原因请分享出来，我也遇到这样的问题了

2017-06-15

共2条回复

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程

相似问题

chrome 52.0.2743.82 最新版本中 srcset 无法兼容，firefox 里面是OK的

回答 1

chrome不兼容srcset。确实不兼容。火狐支持。测试过

回答 1

src与srcset

回答 1

为什么srcset不能引入一个裁切的版本？

回答 1

banner图，在真机苹果6s上和android机上测试不一致

回答 2

打开慕课网App查看更多内容