CSS:移动网站的替代背景图片?

时间:2011-11-15 19:59:03

标签: css mobile css3 media-queries

我正在开发一个快速响应的网站,我玩过完整的图像背景 - 当网站大小调整到iPad大小及以上时看起来很棒,但一旦它调整到低于480px阈值(又名:移动版) )它看起来很糟糕,而且我真的不希望人们用iPhone浏览网站来下载那些沉重的背景图像。

你怎么认为这可以实现?该网站通过CSS3媒体查询响应,所以当然我可以隐藏DIV,但有没有办法阻止它加载移动客户端的完整背景图像?

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:1)

查看Harry Roberts撰写的关于此问题的帖子:http://csswizardry.com/2011/07/responsive-images-right-now/

答案 1 :(得分:1)

在我的网站推荐中发现了这个帖子!我在这里做了(我认为):http://hry.rbrts.me/并且如果你想要代码那么全部都在GitHub上:https://github.com/csswizardry/hry.rbrts.me(具体来说:https://github.com/csswizardry/hry.rbrts.me/blob/master/css/style.css#L499