here で説明されているように、ページ全体の背景画像を実装しようとしています。
私は最初の方法である CSS3 手法を使用しています。ただし、background-size: cover
著者が示唆するように使用すると、画像が必要以上に「ズーム」され、その理由がわかりません。
画像のサイズの問題ですか、それとも何か問題がありますか?
ここにページへのリンクがあります。達成可能 木全体、幹、すべてを見たい。background-size
すでに「100%自動」に設定してみましたが、効果は同じです。私もすでにbackground-size
「含む」ことを試みましたが、画像が小さすぎます。
JavaScript ソリューションは使用しないでください。CSSだけでこれが達成できることを私は知っています。
アップデート
Contain はデスクトップ サイトでは見栄えがしますが、電話やテーブルでは見栄えが悪くなります。カバーは電話/テーブルでは良さそうですが、デスクトップでは良くありません。各デバイスで最もよく見えるものを使用すると思いますか?
アップデート
全面的にコンテインメントを使用できると思いますが、bg イメージのサイズを変更して、小さなデバイス用に薄くするだけです。