CSS Responsive Web Design

レスポンシブウェブデザイン表

従来のレスポンシブウェブデザイン・・・合計16になるように設定します。
ブラウザの画面のサイズを変更して表示の違いをお試しください。
| 1+(15) | 2+(14) | 3+(13) | 4+(12) | 5+(11) | 6+(10) | 7+(9) | 8+(8) | 9+(7) | 10+(6) | 11+(5) | 12+(4) | 13+(3) | 14+(2) |
3カラム 1+(15)
1
1
14
1
2
13
1
3
12
1
4
11
1
5
10
1
6
9
1
7
8
1
8
7
1
9
6
1
10
5
1
11
4
1
12
3
1
13
2
1
14
1
2+(14)
2
1
13
2
2
12
2
3
11
2
4
10
2
5
9
2
6
8
2
7
7
2
8
6
2
9
5
2
10
4
2
11
3
2
12
2
2
13
1
3+(13)
3
1
12
3
2
11
3
3
10
3
4
9
3
5
8
3
6
7
3
7
6
3
8
5
3
9
4
3
10
3
3
11
2
3
12
1
4+(12)
4
1
11
4
2
10
4
3
9
4
4
8
4
5
7
4
6
6
4
7
5
4
8
4
4
9
3
4
10
2
4
11
1
5+(11)
5
1
10
5
2
9
5
3
8
5
4
7
5
5
6
5
6
5
5
7
4
5
8
3
5
9
2
5
10
1
6+(10)
6
1
9
6
2
8
6
3
7
6
4
6
6
5
5
6
6
4
6
7
3
6
8
2
6
9
1
7+(9)
7
1
8
7
2
7
7
3
6
7
4
5
7
5
4
7
6
3
7
7
2
7
8
1
8+(8)
8
1
7
8
2
6
8
3
5
8
4
4
8
5
3
8
6
2
8
7
1
9+(7)
9
1
6
9
2
5
9
3
4
9
4
3
9
5
2
9
6
1
10+(6)
10
1
5
10
2
4
10
3
3
10
4
2
10
5
1
11+(5)
11
1
4
11
2
3
11
3
2
11
4
1
12+(4)
12
1
3
12
2
2
12
3
1
12+(3)
13
1
2
13
2
1
14+(2)
14
1
1