我目前正在构建一个XenForo主题，该主题旨在使用透明度和有趣的CSS3效果来展示全屏，中等分辨率的照片背景。但是，我担心一个相当讨厌的扩展问题-尤其是在小型设备上。正如您可能想象的那样，想到访客尝试在3G或GPRS连接上加载近兆字节的照片，让我很痛苦。
有问题的背景是固定在<html>元素上的固定背景图像。
解决规模问题的合适方法是什么？我只会做太多压缩，因此基于JavaScript的解决方案为视口/设备提供适当大小的图像是否足够有效？还有其他我可以考虑的解决方案吗？
谢谢你的时间 ：）
最佳答案
您应该将较低分辨率的图像提供给移动浏览器。一种方法是使用CSS媒体查询：http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
关于javascript - 缩放移动设备的大型CSS背景图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14034418/