最近はbackground-sizeのcoverやらcontainをよく使うのだけれど、スマホだと上手く動作しない場合があった。
どうやら、background-attachmentのfixedを一緒に使うとダメみたい。
タブレット(Nexus7 2012)のchromeでは問題かったのに、なんでスマホだけ?
なので、スマホ用にしていしました。
.sp_bg { background-attachment: scroll; } /*スマホ縦*/ @media only screen and (max-device-width : 640px) and (orientation : portrait) { .sp_bg { background-attachment: scroll; } } /*スマホ横*/ @media only screen and (max-device-width : 640px) and (orientation : landscape) { .sp_bg { background-attachment: scroll; } }
こんな感じで対応しました。