回答編集履歴

3

追加

2019/08/08 03:50

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -25,4 +25,8 @@
25
25
  }
26
26
  ```
27
27
  最後の2つは「CSSは後出しジャンケン」という原則を適用したものです。
28
- 意味不明でしたらコメントに書いていただくか「CSS 後出しジャンケン」と調べてみてください。
28
+ 意味不明でしたらコメントに書いていただくか「CSS 後出しジャンケン」と調べてみてください。
29
+
30
+
31
+ ###追記
32
+ Bootstrap関係ない回答でしたねすみません。

2

追記

2019/08/08 03:50

投稿

kyoya0819
kyoya0819

スコア10434

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

追加

2019/08/08 02:19

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -1,8 +1,10 @@
1
1
  ```CSS
2
2
  @media screen and (max-width:1023px) {
3
- /* 画面サイズが1023pxまではここを読み込む */
3
+ /* 画面サイズが1023pxまではここを読み込む */
4
+ /* 中央寄せの記述 */
4
5
  }
5
6
  @media screen and (min-width:1024px) {
6
- /* 画面サイズが1024pxからはここを読み込む */
7
+ /* 画面サイズが1024pxからはここを読み込む */
8
+ /* 左寄せの記述 */
7
9
  }
8
10
  ```