html - 画面解像度に応じてbg画像を設定する際の問題

Question

私は現在ウェブサイトを開発しています。imgサイズが1466x530のHTMLファイルを使用しています。ラップトップ（1366x768）で正常に動作しますが、デスクトップ（1024x768）にズームインされています。また、ラップトップの解像度で完璧だったページはデスクトップで拡大されます。私を手伝ってくれますか。

.center-shadow {background:url(../images1/center-shadow.png) center top no-repeat; }

Answer 1

はい、1480x530は1024解像度ではより大きな画像であるため、ズームされたように見えます。ピクセル単位でサイズ設定したフォントについても同じことが言え、画面ごとに異なるサイズに見える傾向があります。

すべての画面で同じ比率でサイトを表示する場合は、メディアクエリを使用するか、すべての画面で最適に表示されるように設定する必要があります。

ありがとうManojSoni