1

CSSコードを使用してWebサイトの背景を作成しましたが、正常に機能しましたが、問題は、サイズが大きいか小さいかに関係なく、別の画面で実行すると、同様の結果が得られないことです。13 inch screenブラウザで実行するとズームインし、得られるフォームはおそらく同じではあり18 inchません。明らかに正確なフォームではありませんが、多かれ少なかれ見た目が必要です。助言がありますか？事前にt​​hnx

body {
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
    }

私が今抱えている追加の問題は、背景がフルスクリーンではないことです。その解像度は 1920x1080 ですが、Web ブラウザーのページ全体で画像を見ることができますが、それでも写真のその他の詳細を見ることはできませんでした。

4

1 に答える 1

1

私はあなたが必要だと思います

background-size: cover;

ブラウザにいくつかの不整合があります。これは、jqueryプラグインを使用する方がよいことを意味する場合があります。

http://srobbin.com/jquery-plugins/backstretch/をご覧ください。画面のサイズに応じてサイズが変更される背景画像を使用できます。IEも扱っています。言っ途切れる。

http://css-tricks.com/perfect-full-page-background-image/もご覧ください。

私はあなたが達成しようとしていることを100％理解しているわけではありませんが、上記のリンクは一見の価値があります。

これはcss3の方法です

html { 
    background: url(../images/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
于 2013-01-23T13:25:33.823 に答える