回答編集履歴
3
追加
answer
CHANGED
@@ -25,4 +25,8 @@
|
|
25
25
|
}
|
26
26
|
```
|
27
27
|
最後の2つは「CSSは後出しジャンケン」という原則を適用したものです。
|
28
|
-
意味不明でしたらコメントに書いていただくか「CSS 後出しジャンケン」と調べてみてください。
|
28
|
+
意味不明でしたらコメントに書いていただくか「CSS 後出しジャンケン」と調べてみてください。
|
29
|
+
|
30
|
+
|
31
|
+
###追記
|
32
|
+
Bootstrap関係ない回答でしたねすみません。
|
2
追記
answer
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
```CSS
|
2
|
-
@media screen and (max-width:1023px) {
|
2
|
+
@media screen and (max-width:1023px) {
|
3
3
|
/* 画面サイズが1023pxまではここを読み込む */
|
4
4
|
/* 中央寄せの記述 */
|
5
5
|
}
|
@@ -7,4 +7,22 @@
|
|
7
7
|
/* 画面サイズが1024pxからはここを読み込む */
|
8
8
|
/* 左寄せの記述 */
|
9
9
|
}
|
10
|
-
```
|
10
|
+
```
|
11
|
+
または
|
12
|
+
```CSS
|
13
|
+
/* 中央寄せの記述 */
|
14
|
+
@media screen and (min-width:1024px) {
|
15
|
+
/* 画面サイズが1024pxからはここを読み込む */
|
16
|
+
/* 左寄せの記述 */
|
17
|
+
}
|
18
|
+
```
|
19
|
+
か
|
20
|
+
```CSS
|
21
|
+
/* 左寄せの記述 */
|
22
|
+
@media screen and (max-width:1023px) {
|
23
|
+
/* 画面サイズが1023pxまではここを読み込む */
|
24
|
+
/* 中央寄せの記述 */
|
25
|
+
}
|
26
|
+
```
|
27
|
+
最後の2つは「CSSは後出しジャンケン」という原則を適用したものです。
|
28
|
+
意味不明でしたらコメントに書いていただくか「CSS 後出しジャンケン」と調べてみてください。
|
1
追加
answer
CHANGED
@@ -1,8 +1,10 @@
|
|
1
1
|
```CSS
|
2
2
|
@media screen and (max-width:1023px) {
|
3
|
-
/*
|
3
|
+
/* 画面サイズが1023pxまではここを読み込む */
|
4
|
+
/* 中央寄せの記述 */
|
4
5
|
}
|
5
6
|
@media screen and (min-width:1024px) {
|
6
|
-
/*
|
7
|
+
/* 画面サイズが1024pxからはここを読み込む */
|
8
|
+
/* 左寄せの記述 */
|
7
9
|
}
|
8
10
|
```
|