質問編集履歴
1
質問の情報を修正しました。よろしくお願いします。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
|
+
### 画面の大きさを変えてもレイアウトは変わらないようにしたいです
|
|
2
|
+
|
|
3
|
+
ここに質問の内容を詳しく書いてください。
|
|
1
|
-
CSSで
|
|
4
|
+
HTMLとCSSでwebページを作成しているのですが、画面を小さくするとレイアウトが崩れてしまうのでレイアウトが崩れないようにしたいです。
|
|
5
|
+
|
|
6
|
+
### 画面を小さくするとレイアウトが崩れる
|
|
7
|
+
|
|
2
8
|
```HTML
|
|
3
|
-
<div class="main-content">
|
|
9
|
+
<div class="main-content">
|
|
4
10
|
<div class="box-1">
|
|
5
11
|
<h1>会社案内</h1>
|
|
6
12
|
</div>
|
|
7
13
|
<div class="box-2">
|
|
8
14
|
<h1>事業案内</h1>
|
|
9
15
|
</div>
|
|
10
|
-
</div>
|
|
16
|
+
</div>
|
|
11
|
-
|
|
17
|
+
```
|
|
12
18
|
```CSS
|
|
13
19
|
.main-content{
|
|
14
20
|
height: 500px;
|
|
@@ -31,4 +37,10 @@
|
|
|
31
37
|
width: 500px;
|
|
32
38
|
height: 500px;
|
|
33
39
|
background-color: blue;
|
|
40
|
+
}
|
|
34
|
-
|
|
41
|
+
```
|
|
42
|
+
**このように維持したい**
|
|
43
|
+
](02aad600558843e676f50c142e4befac.png)
|
|
44
|
+
|
|
45
|
+
**このようにズレなくしたい**
|
|
46
|
+
|