3

here で説明されているように、ページ全体の背景画像を実装しようとしています。

私は最初の方法である CSS3 手法を使用しています。ただし、background-size: cover著者が示唆するように使用すると、画像が必要以上に「ズーム」され、その理由がわかりません。

画像のサイズの問題ですか、それとも何か問題がありますか?

ここにページへのリンクがあります。達成可能 木全体、幹、すべてを見たい。background-sizeすでに「100%自動」に設定してみましたが、効果は同じです。私もすでにbackground-size「含む」ことを試みましたが、画像が小さすぎます。

JavaScript ソリューションは使用しないでください。CSSだけでこれが達成できることを私は知っています。

アップデート

Contain はデスクトップ サイトでは見栄えがしますが、電話やテーブルでは見栄えが悪くなります。カバーは電話/テーブルでは良さそうですが、デスクトップでは良くありません。各デバイスで最もよく見えるものを使用すると思いますか?

アップデート

全面的にコンテインメントを使用できると思いますが、bg イメージのサイズを変更して、小さなデバイス用に薄くするだけです。

4

2 に答える 2

2

background-size: coverに変更background-size: contain

このように完璧に見えます!

ここに画像の説明を入力

于 2013-05-19T13:30:50.987 に答える