回答編集履歴
1
回答に追記しました
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アイテムとしてレンダリングされないようです。
|