質問編集履歴
2
コードを追記しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,7 +16,10 @@
|
|
|
16
16
|
|
|
17
17
|
</body>
|
|
18
18
|
|
|
19
|
+
```
|
|
20
|
+
|
|
19
|
-
css
|
|
21
|
+
```css
|
|
22
|
+
|
|
20
23
|
body, html {
|
|
21
24
|
min-height: 100%;
|
|
22
25
|
}
|
|
@@ -24,4 +27,5 @@
|
|
|
24
27
|
background: url(https://xxxxx/xxxxx/xxxxx.png) no-repeat center top fixed;
|
|
25
28
|
background-size: cover;
|
|
26
29
|
}
|
|
30
|
+
|
|
27
31
|
```
|
1
コードを追記しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,4 +5,23 @@
|
|
|
5
5
|
background-size:coverを設定しているので、画面の横幅を小さくすれば、すべて画像がおさまりきるのですが、画面幅を大きく広げた場合にも、縦スクロールが出現し画像が全部表示できるようにしたいと考えているのですが、どのようにすればよいのでしょうか。
|
|
6
6
|
|
|
7
7
|
不勉強で申し訳ございませんが、ご教示いただけますと幸いです。
|
|
8
|
-
よろしくお願いいたします。
|
|
8
|
+
よろしくお願いいたします。
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
```html
|
|
13
|
+
|
|
14
|
+
<body class="background">
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
</body>
|
|
18
|
+
|
|
19
|
+
css
|
|
20
|
+
body, html {
|
|
21
|
+
min-height: 100%;
|
|
22
|
+
}
|
|
23
|
+
.background {
|
|
24
|
+
background: url(https://xxxxx/xxxxx/xxxxx.png) no-repeat center top fixed;
|
|
25
|
+
background-size: cover;
|
|
26
|
+
}
|
|
27
|
+
```
|