回答編集履歴

1

回答に追記しました

2018/11/07 06:24

投稿

yamana
yamana

スコア118

test CHANGED
@@ -3,3 +3,23 @@
3
3
  .containerに対してメディアクエリが指定されています。
4
4
 
5
5
  ![![イメージ説明](4d7a8497e8d40a48f6db1a8714effd72.png)
6
+
7
+
8
+
9
+ .rowを使用していないのはflexboxのバグが関係あるみたいです。
10
+
11
+
12
+
13
+ > Flexbug #12: Inline elements aren’t treated as flex items
14
+
15
+ >
16
+
17
+ > Internet Explorer 10-11 do not render inline elements like links or images (or ::before and ::after pseudo-elements) as flex items. The only workaround is to set a non-inline display value (e.g., block, inline-block, or flex). We suggest using .d-flex, one of our display utilities, as an easy fix.
18
+
19
+ >
20
+
21
+ > Source: Flexbugs on GitHub
22
+
23
+
24
+
25
+ IEではイメージなどのインライン要素はインライン以外の値を指定しないとflexアイテムとしてレンダリングされないようです。