背景画像、大きさそのままで適用。【CSS、HTML、background-image】
メモ的。
だいたいbackground-size:cover;だと
思うけどスマホサイズになった時に背景が入り切らなくなってなんかぼやっとした感じになる、画質も荒くなるし。
スマホの大きさでも背景全部映り込むようにしたい時。
背景画像を元の比率のまま
適用させたいなら1、
小さい背景画像を使うとおそらく背景全部を埋めようと画像が繰り返し使用されるから、リピートを止めるために2、
3については背景画像をどこ基準でスタートさせたいか、(left,center,right)
それと背景をどこにもってくるか(top,bottom...)
でOK。
【CSS】
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center bottom;