背景画像 - フルスケール

Question

エッジまたはモザイラルで次のページを開く必要があります。 codepen.ioここ
は、私が試したものです：：
はこちらのページで訪問者がズームアウトするとき

html{ 
    max-height:1900px; 
    max-width:2600px; 
} 

は、だから私は、画像を縮小し、ホワイトスペースを明らかにしたくありません。私はイメージを同じままにして、ズームアウトします。私が言うことが意味をなされることを願っています。

注：jqueryを使用して背景イメージを取得します。

document.body.style.backgroundImage = "url(http://eskipaper.com/images/sunny-day-4.jpg)"; 

Answer 1

なぜjqueryを使用して画像をボディにロードしますか？それは過労です。

html { 
    background: url('http://eskipaper.com/images/sunny-day-4.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

これは、画像がズームで固定サイズになるようにします。 JavaScriptは必要ありません。

ライブ例：http://codepen.io/anon/pen/ZONGZX