为了账号安全,请及时绑定邮箱和手机立即绑定

css中使用content和attr做响应式图片替换无法实现

css中使用content和attr做响应式图片替换无法实现

信号旗xin 2016-02-14 11:54:56
w3cplus中有短代码:<img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="">@media (min-device-width:600px) {       img[data-src-600px] {             content: attr(data-src-600px, url);       } } @media (min-device-width:800px) {       img[data-src-800px] {             content: attr(data-src-800px, url);   } }原文网址http://www.w3cplus.com/css3/responsive-web-design.html测试没有效果,而且这里css的url我换成src依然无效果=_=,求大家帮忙找原因!谢谢
查看完整描述

1 回答

?
echo_kinchao

TA贡献600条经验 获得超86个赞

是不是屏幕大小没达到要求 所以没有触发

查看完整回答
反对 回复 2016-02-23
  • 1 回答
  • 0 关注
  • 2023 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信