スマホのブラウザでのbackground-sizeについて

最近は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;
	}
}

こんな感じで対応しました。

カテゴリーcss

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


5 − 3 =