質問編集履歴

1

質問の情報を修正しました。よろしくお願いします。

2020/07/03 10:46

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,20 @@
1
+ ### 画面の大きさを変えてもレイアウトは変わらないようにしたいです
2
+
3
+
4
+
5
+ ここに質問の内容を詳しく書いてください。
6
+
1
- CSSでボックス横並びにたときに、画面を小さくするとレイアウトが崩れてしまうのでどのようにすればよいでしょうか?
7
+ HTMLとCSSでwebページ作成ているのですが、画面を小さくするとレイアウトが崩れてしまうのでレイアウト崩れないようにしたいです。
8
+
9
+
10
+
11
+ ### 画面を小さくするとレイアウトが崩れる
12
+
13
+
2
14
 
3
15
  ```HTML
4
16
 
5
- <div class="main-content">
17
+ <div class="main-content">
6
18
 
7
19
  <div class="box-1">
8
20
 
@@ -16,9 +28,9 @@
16
28
 
17
29
  </div>
18
30
 
19
- </div>``
31
+ </div>
20
32
 
21
-
33
+ ```
22
34
 
23
35
  ```CSS
24
36
 
@@ -64,4 +76,16 @@
64
76
 
65
77
  background-color: blue;
66
78
 
79
+ }
80
+
67
- }``
81
+ ```
82
+
83
+ **このように維持したい**
84
+
85
+ ![![イメージ説明](ef7c3371994b50348254cfaf4b930f53.png)](02aad600558843e676f50c142e4befac.png)
86
+
87
+
88
+
89
+ **このようにズレなくしたい**
90
+
91
+ ![イメージ説明](b413df58aec831f57f97da7f6a398ef2.png)