回答編集履歴
1
追記
answer
CHANGED
|
@@ -3,6 +3,20 @@
|
|
|
3
3
|
こちらの環境で確認した限りではブラウザを収縮させてもheight:600px;でした。
|
|
4
4
|
|
|
5
5
|
|
|
6
|
+
もしどうしても600pxにしたい場合は以下の変更してみてください。
|
|
7
|
+
|
|
8
|
+
```ここに言語を入力
|
|
9
|
+
img{
|
|
10
|
+
main {
|
|
11
|
+
background-image : url("https://cdn.pixabay.com/photo/2015/07/10/17/53/cheers-839865__340.jpg");
|
|
12
|
+
background-size: cover;
|
|
13
|
+
min-height:600px; //600px以下にはしない
|
|
14
|
+
width: 100%;
|
|
15
|
+
color: white;
|
|
16
|
+
position: relative;
|
|
17
|
+
}
|
|
18
|
+
```
|
|
19
|
+
|
|
6
20
|
◾️また、全体的なレイアウトの仕方で、もっとこうした方がシンプルなコードになるなど、改良点がありましたらご教授いただけますと嬉しいです。
|
|
7
21
|
|
|
8
22
|
自分も経験があまりないので正しいアドバイスできるかはわかりませんが、、
|