这句CSS是什么意思，为什么我试过没有用的

这句CSS是什么意思，为什么我试过没有用的

应该是sass或者lass的css预处理写法，大致意思就是，当我们的设备，宽度小于800的时候，讲img的图片替换成对应的路径图片。。比如例子上说的当屏幕小于800px的时候
讲img的src替换成image-800px.jpg这张图片吧。。这种应该是为了适应各种分辨率，对应替换小图，比较不会使加载速度加长追问不是sass或者less的，百度好多这种，，但我试没效果追答http://www.qianduan.net/responsive-web-design.html 这边有讲，是css3写法，结合媒体查询来实现的。。追问我试过了，没效果，能给个demo吗

@media screen and (device-width:1024px){
body{color:#f00;}
}
应该是这种格式吧
注意：IE内核的浏览器不支持这类功能，如果你用IE测试的，肯定是无效的追问重点是content:attr(data-src-600px,url);这句没效果。。。

你这样写肯定是没有效果的。
这个屏幕监测是一个区间，你没有设定最大值，只要宽度超过600 就执行第一行代码，所以 第二个会被第一个覆盖。
@media screen and (min-width: 600px) and (max-width: 799px){}追问改了后也没效果的？？？？