如何做一個完整的流血的背景圖像，在css/javascript中的分辨率進行縮放？

可能重複：
Full Screen Background Image in Firefox 如何做一個完整的流血的背景圖像，在css/javascript中的分辨率進行縮放？

你怎麼做這樣的事情，這將在任何顯示器分辨率是否正確？在Ingress網站中，即使縮小或增大分辨率/窗口大小，內容的大小（例如iphone圖像）也會變大。

2012-11-26 Prabhu

['@ media'查詢（https://developer.mozilla.org/en-US/docs/CSS/Media_queries）？ – bookcasey

這很簡單，但它是CSS3，在舊版瀏覽器中不支持。在你的CSS中使用background-size:cover或background-size:contain。

CSS-tricks has an article與其他更穩健的解決方案。

2012-11-26 21:04:52 Blazemonger

謝謝，謝謝@Yazan ... css-tricks文章也非常有幫助。 – Prabhu

的是，你在找什麼：

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

2012-11-26 21:06:08

和'background-size：cover;' – Shmiddty

回答