我在一个响应式网站上工作,我玩过全图像背景 - 当网站的尺寸调整到iPad尺寸及以上时,它看起来很棒,但一旦它调整到低于480像素的阈值(又名:手机版)它看起来很糟糕,再加上我不想让人们用iPhone浏览网站来下载那些沉重的背景图片。CSS:手机网站的备用背景图片?
你怎么认为这可以实现?该网站通过CSS3媒体查询进行响应,所以我当然可以隐藏DIV,但有没有办法阻止它为移动客户端加载完整背景图片?
任何帮助将不胜感激!
我在一个响应式网站上工作,我玩过全图像背景 - 当网站的尺寸调整到iPad尺寸及以上时,它看起来很棒,但一旦它调整到低于480像素的阈值(又名:手机版)它看起来很糟糕,再加上我不想让人们用iPhone浏览网站来下载那些沉重的背景图片。CSS:手机网站的备用背景图片?
你怎么认为这可以实现?该网站通过CSS3媒体查询进行响应,所以我当然可以隐藏DIV,但有没有办法阻止它为移动客户端加载完整背景图片?
任何帮助将不胜感激!
检查这个职位由哈里·罗伯茨认为这个问题涉及:http://csswizardry.com/2011/07/responsive-images-right-now/
看准这一主题在我的网站的推介!我做了(我认为)这正是在这里: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)
你需要表现出你正在尝试做一些更多的研究。发布你正在使用的代码也有帮助。 – Nicole
(双倍评论是的,我知道对不起,偶然进入)另外,如果你正在尝试开发手机,你应该有一个单独的移动样式表,仅用于PDA和手机。 – Nicole
如何插入背景图片?通过''标签或通过'background-image'css属性? –