回答編集履歴
3
質問変更に合わせて追記
answer
CHANGED
|
@@ -20,4 +20,12 @@
|
|
|
20
20
|
|
|
21
21
|
なお、将来的には`aspect-ratio`で書いた方がいいでしょう。
|
|
22
22
|
[aspect-ratio - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)
|
|
23
|
-
iOS15でSafariも対応するようなので、数年後には普通に使えそうですね。
|
|
23
|
+
iOS15でSafariも対応するようなので、数年後には普通に使えそうですね。
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
# 質問変更に合わせて追記
|
|
28
|
+
|
|
29
|
+
こういうことですか？
|
|
30
|
+
|
|
31
|
+
[サンプル](https://jsfiddle.net/Lhankor_Mhy/5ysbjLh4/)
|
2
誤字修正
answer
CHANGED
|
@@ -20,4 +20,4 @@
|
|
|
20
20
|
|
|
21
21
|
なお、将来的には`aspect-ratio`で書いた方がいいでしょう。
|
|
22
22
|
[aspect-ratio - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)
|
|
23
|
-
iOS15でSafariも対応するようなので、数年後には
|
|
23
|
+
iOS15でSafariも対応するようなので、数年後には普通に使えそうですね。
|
1
追記
answer
CHANGED
|
@@ -14,4 +14,10 @@
|
|
|
14
14
|
background-position: center;
|
|
15
15
|
border: 1px solid;
|
|
16
16
|
}
|
|
17
|
-
```
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
なお、将来的には`aspect-ratio`で書いた方がいいでしょう。
|
|
22
|
+
[aspect-ratio - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)
|
|
23
|
+
iOS15でSafariも対応するようなので、数年後には不通に使えそうですね。
|