回答編集履歴
3
追記：セマンティック的には…のところ
answer
CHANGED
|
@@ -12,6 +12,9 @@
|
|
|
12
12
|
|
|
13
13
|
このようなレスポンシブな格子状レイアウトは、
|
|
14
14
|
flexbox なら簡単に実装できます。
|
|
15
|
+
多段になって縦方向が発生しても、
|
|
16
|
+
セマンティック的には「単なるリスト」なので
|
|
17
|
+
なんら問題はありません。
|
|
15
18
|
|
|
16
19
|
CSS Grid でも
|
|
17
20
|
`grid-template-columns: repeat(auto-fit…`
|
2
文言の修正
answer
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
ブラウザ幅が大きいなら
|
|
2
2
|
|
|
3
3
|
(↓各セルは最小幅を設定、ブラウザ幅に合わせ横に伸縮・段落ち)
|
|
4
4
|
□□□□ (1-4)
|
|
5
5
|
□□□□ (5-6)
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
ブラウザ幅を狭めると
|
|
8
8
|
|
|
9
9
|
□□□ (1-3)
|
|
10
10
|
□□□ (4-6)
|
1
補足
answer
CHANGED
|
@@ -15,5 +15,5 @@
|
|
|
15
15
|
|
|
16
16
|
CSS Grid でも
|
|
17
17
|
`grid-template-columns: repeat(auto-fit…`
|
|
18
|
-
を使えば簡単にできるのですが、IEが対応していないので実質使えません。(autoprefixer も対応していない)
|
|
18
|
+
を使えば簡単にできるのですが、IEが対応していないので、IEを無視できないサイトなら実質使えません。(autoprefixer も対応していない)
|
|
19
19
|
もしできたとしても、かなり複雑で見通しの悪いコードになるでしょう。
|