不同的FF和鉻的背景圖像

Question

我有非常奇怪的情況，我真的不明白爲什麼......以及如何克服這一點。 所以我必須將背景圖像放在尺寸爲1920x860的網站上。 圖像以不同方式結束 - 例如：如果圖像沒有延伸到整個窗口，則圖像的角落看起來很奇怪。

當我在FF中測試它時，它看起來不太好。我在22英寸顯示器上進行了測試（因此分辨率爲1680x ..）。 當我在Chrome中測試這個圖片時，圖片延伸性好，圖片的角落沒有看到。

但是：我有兩個顯示器，第二個是23「，因此分辨率與第一個顯示器差別不大，如果我在Crome上測試此頁面，在FF上也可以。

然後，我用螢火蟲工具，並嘗試獲取窗口的innerWidth。 22「顯示器有innerWidth 2124px，23」顯示器有1776px。

我真的很感激，如果有人能告訴我 - 爲什麼會發生這種情況？如果有人可以想出如何放置這個圖像，讓它在每臺顯示器上都能很好地延伸......會更好。

的一點是 - 我必須從每個角落延伸圖像，雖然我的顯示器測試，我不能肯定，其他用戶會認爲這是我所看到:(

感謝

我會在這裏發表評論...因爲你們都很友善，我只是嘗試了許多不同的解決方案，重點是圖像不是整個背景的遮擋 - 應該看到，底部應該有一些顏色... 現在我使用簡單的背景：url（）no-repeat top center ..

如果我使用-cover-圖像被擴展 - 但我只需要垂直擴展。我也使用JS，但不能正常工作，因爲頁腳是該bg圖像的一部分...並且變得全部連線。可能我只是使用@media ..爲更大的屏幕設置更大的圖像（當然會使用更大的圖像），但這也只適用於更大的屏幕，否則設計會崩潰，我認爲。

Answer 1

讓我谷歌爲你（第一個結果爲 'CSS窗口背景'）：

http://css-tricks.com/perfect-full-page-background-image/

一言以蔽之：

html { 
    background: url(bg.jpg) no-repeat center center fixed; 
    background-size: cover; 
} 

參見：http://caniuse.com/#search=background-size