質問編集履歴
1
質問の情報を修正しました。よろしくお願いします。
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)
|