如何在css / javascript中使用分辨率进行缩放的完整出血背景图像?

时间:2012-11-26 21:01:59

标签: javascript jquery html css html5

  

可能重复:
  Full Screen Background Image in Firefox

请参阅:http://www.ingress.com/

你如何做这样的事情,看起来在任何显示器分辨率?在Ingress站点中,看起来甚至内容的大小(例如iphone图像)随着缩小或增大分辨率/窗口大小而缩放。

2 个答案:

答案 0 :(得分:3)

这很简单,但它是CSS3,不支持旧浏览器。在CSS中使用background-size:coverbackground-size:contain

CSS-tricks has an article与其他更强大的解决方案。

答案 1 :(得分:2)

是你要找的东西:

<body style="background:url(image.jpeg) no-repeat center center fixed">