1

divを使用して背景を設定しているWebページを開発していますが、画面の解像度を変更すると画像が適切に収まらない場合、大画面の画面の両側に空白が表示されるという問題があります。すべての画面で実行できる標準のケースを作成する方法はありますか。

これが私のdivを設定する方法です

mheaderimgs {
width:1007px;
margin:auto auto;
height:auto;
}
4

4 に答える 4

1

Phpは、クライアントの画面の大きさを知りません。javascriptまたはメディアクエリを検討してください 。

于 2012-09-27T14:00:21.757 に答える
1

これを試すことができるかもしれません(CSS3プロパティ):

background-size: cover;

そうでなければ、javascriptでそれを行うことができると思います。

于 2012-09-27T14:01:19.683 に答える
1

width:100%はそれを伸ばします、それを少し大きい画像にすると、ほとんどの場合それはそれを縮小し、あなたが必要とするのは1つの画像だけになります。

Imが認識している限り、画面のサイズを取得して設定されたサイズと比較するためのnone-javascriptメソッドはありません。

于 2012-09-27T13:58:51.490 に答える
1

CSS backckground-sizeプロパティ、

background-size:contain;

詳細については、を参照してください。

http://www.w3schools.com/cssref/css3_pr_background-size.asp

于 2012-09-27T14:00:07.120 に答える