背景を画面全体に広げる方法について、
PC版は安定してうまくいきますが、
スマートフォンでアクセスした際
具体的にはいちどiphoneの画面サイズで固定され、
スクロールした際、画面からはみ出る部分の背景が
表示されない状態、(白背景)になってしまいます。
以下のコードで実行しています。
@media screen and (min-width: 740px) {
html {
background: url(../images/example.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
@media screen and (max-width: 739px) {
html {
background: url(../images/example.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。