回答編集履歴

3

質問変更に合わせて追記

2021/07/09 05:21

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36960

test CHANGED
@@ -43,3 +43,19 @@
43
43
  [aspect-ratio - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)
44
44
 
45
45
  iOS15でSafariも対応するようなので、数年後には普通に使えそうですね。
46
+
47
+
48
+
49
+ ---
50
+
51
+
52
+
53
+ # 質問変更に合わせて追記
54
+
55
+
56
+
57
+ こういうことですか?
58
+
59
+
60
+
61
+ [サンプル](https://jsfiddle.net/Lhankor_Mhy/5ysbjLh4/)

2

誤字修正

2021/07/09 05:21

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36960

test CHANGED
@@ -42,4 +42,4 @@
42
42
 
43
43
  [aspect-ratio - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)
44
44
 
45
- iOS15でSafariも対応するようなので、数年後には通に使えそうですね。
45
+ iOS15でSafariも対応するようなので、数年後には通に使えそうですね。

1

追記

2021/07/09 00:57

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36960

test CHANGED
@@ -31,3 +31,15 @@
31
31
  }
32
32
 
33
33
  ```
34
+
35
+
36
+
37
+ ---
38
+
39
+
40
+
41
+ なお、将来的には`aspect-ratio`で書いた方がいいでしょう。
42
+
43
+ [aspect-ratio - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio)
44
+
45
+ iOS15でSafariも対応するようなので、数年後には不通に使えそうですね。