質問編集履歴

3

回答を得られないため、タイトルを具体的に変更

2021/01/23 12:12

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36930

test CHANGED
@@ -1 +1 @@
1
- フレックスアイテムのアスペクト比について
1
+ フレックスアイテムの固有アスペクト比(intrinsic aspect ratio)について
test CHANGED
File without changes

2

推測でも構いません

2021/01/23 12:12

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36930

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
 
18
18
 
19
- よろしくお願いいたします。
19
+ 推測でも構いませんので、ご回答よろしくお願いいたします。
20
20
 
21
21
  なお、回避方法についての質問ではありません(そちらは解決しています)ので、予めご了承ください。
22
22
 

1

説明を追加

2021/01/22 10:06

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36930

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  フレックスアイテムのアスペクト比について、Chrome と Firefox で振る舞いが異なるようです。
6
6
 
7
- 画像などの置換要素のフレックスアイテムが`flex-grow`によって伸長した場合、交差軸は置換要素のアスペクト比を参照して引き延ばされると理解していましたが、Chrome ではそのようになっていませんでした。
7
+ 画像などの置換要素のフレックスアイテムが`flex-grow`によって伸長した場合、交差軸は置換要素のアスペクト比を参照して引き延ばされると理解していましたが、Chrome ではそのようになっていませんでした。しかし、`width: auto`ではない値をアイテムに指定すると、アスペクト比を参照するようです。
8
8
 
9
9
 
10
10
 
@@ -82,7 +82,7 @@
82
82
 
83
83
  div + div + div img{
84
84
 
85
- width: 150px;
85
+ width: 0;
86
86
 
87
87
  }
88
88