不同的背景图像取决于屏幕分辨率？

Question

您认为在不同屏幕分辨率下处理背景图像的最佳方法是什么？

我想为每个最流行的分辨率创建一个单独的背景,并让Jquery加载适当的分辨率.我也对CSS开放,谢谢大家:)

Answer 1

使用媒体查询:

@media (min-width:800px) { background-image: url(bg-800.jpg) }
@media (min-width:1024px) { background-image: url(bg-1024.jpg) }
@media (min-width:1280px) { background-image: url(bg-1280.jpg) }

您永远无法覆盖每个可能的大小,特别是当您考虑所有浏览器不是全屏的用户时,因此您的设计应该有一定的灵活性来解决这个问题.