質問編集履歴
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
・選択肢(li)タグは決まった数ではなく、適宜増えていきます。
|
|
11
|
+
・選択肢(li)タグは決まった数ではなく、ページ別に適宜増えていきます。
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -45,6 +45,12 @@
|
|
|
45
45
|
|
|
46
46
|
|
|
47
47
|
### 試したCSS
|
|
48
|
+
|
|
49
|
+
・選択肢(li)タグは決まった数ではなく、ページ別に適宜増えていきます。
|
|
50
|
+
|
|
51
|
+
というのが前提なので、親要素（display: grid)をかけるものだけに注力しています。
|
|
52
|
+
|
|
53
|
+
いろいろ試しましたが、以下にパターンが別ブラウザでは一番近い動きだったため載せます。
|
|
48
54
|
|
|
49
55
|
|
|
50
56
|
|
|
@@ -97,3 +103,21 @@
|
|
|
97
103
|
### 他ブラウザではちゃんと表示される
|
|
98
104
|
|
|
99
105
|
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
### 以下、参考にしたサイトの一部になります
|
|
110
|
+
|
|
111
|
+
https://coliss.com/articles/build-websites/operation/css/how-to-css-grid-for-ie11.html
|
|
112
|
+
|
|
113
|
+
https://qiita.com/kura07/items/486c19045aab8090d6d9
|
|
114
|
+
|
|
115
|
+
https://teratail.com/questions/183925 （解決策に見えましたが、選択肢の増減を考えると現実的でないと判断しました）
|
|
116
|
+
|
|
117
|
+
https://goodsan.jp/wp/gridtile/
|
|
118
|
+
|
|
119
|
+
https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/
|
|
120
|
+
|
|
121
|
+
https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/
|
|
122
|
+
|
|
123
|
+
https://webdesign-trends.net/entry/11237
|