画像を画面いっぱいにレスポンシブに表示するやつ
code:responsive-background-image.css
body {
background: url(background-photo.jpg) center center no-repeat fixed;
background-size: cover;
}
@media only screen and (max-width: 767px) {
body {
background-image: url(images/background-photo-mobile-devices.jpg);
}
}
あとhtmlの方にこれが必要かも
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
ref.