スマホのブラウザでの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;
	}
}

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