我正在开发一个快速响应的网站,我玩过完整的图像背景 - 当网站大小调整到iPad大小及以上时看起来很棒,但一旦它调整到低于480px阈值(又名:移动版) )它看起来很糟糕,而且我真的不希望人们用iPhone浏览网站来下载那些沉重的背景图像。
你怎么认为这可以实现?该网站通过CSS3媒体查询响应,所以当然我可以隐藏DIV,但有没有办法阻止它加载移动客户端的完整背景图像?
非常感谢任何帮助!
答案 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)