teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

4条件に修正

2019/11/05 05:16

投稿

maisumakun
maisumakun

スコア146659

answer CHANGED
@@ -1,3 +1,3 @@
1
1
  ごく簡便には、`background-size: cover;`とすれば、「縦横比はそのまま、背景は全部埋まる中で最小」というサイズになります。
2
2
 
3
- とはいえ、「縦横比を守る」「画像が切れないようにする」「背景に隙間ができないようにする」の3つすべてを叶える方法は、画像1枚だけを、繰り返さずに敷くという前提では**存在しません**。どのようにするのがいいのか、まずはそこから考えてください。
3
+ とはいえ、「画像の縦横比を守る」「画像が切れないようにする」「背景に隙間ができないようにする」「表示領域縦横比は可変にする」の4つすべてを叶える方法は、画像1枚だけを、繰り返さずに敷くという前提では**存在しません**。どのようにするのがいいのか、まずはそこから考えてください。