divを使用して背景を設定しているWebページを開発していますが、画面の解像度を変更すると画像が適切に収まらない場合、大画面の画面の両側に空白が表示されるという問題があります。すべての画面で実行できる標準のケースを作成する方法はありますか。
これが私のdivを設定する方法です
mheaderimgs {
width:1007px;
margin:auto auto;
height:auto;
}
Phpは、クライアントの画面の大きさを知りません。javascriptまたはメディアクエリを検討してください 。
これを試すことができるかもしれません(CSS3プロパティ):
background-size: cover;
そうでなければ、javascriptでそれを行うことができると思います。
width:100%はそれを伸ばします、それを少し大きい画像にすると、ほとんどの場合それはそれを縮小し、あなたが必要とするのは1つの画像だけになります。
Imが認識している限り、画面のサイズを取得して設定されたサイズと比較するためのnone-javascriptメソッドはありません。
CSS backckground-sizeプロパティ、
background-size:contain;
詳細については、を参照してください。