cssで背景画像を画面サイズに合わせる方法
背景画像を画面に合わせるには、CSS の background-size プロパティを使用します。
例えば、背景画像が背景全体に広がるようにするには、background-sizeを「cover」に設定します。
body {
background-image: url("背景图片的URL");
background-size: cover;
}
背景と同じ比率で拡大縮小するには、background-sizeを”contain”に設定すると良いでしょう。つまり、
body {
background-image: url("背景图片的URL");
background-size: contain;
}
上記2種類の代表的な属性値の他に、background-sizeは具体的な長さ値やパーセント値などの他の属性値にも対応しており、必要に応じて調整できます。