先日コーディングした案件でスマホ時にbackgroundイメージを縦にrepeatするデザインだったので普通に

@media screen and (max-width:768px) {
background: url(bg_sp.png) repeat-y top;
}

こんな感じでスマホの時は画像を縦にリピートさせる簡単なコードを書いていたのですよ。

chromeのdeveloperツールでスマホviewで確認してオッケーと思ってたら実機で確認したらiPhoneは表示されるのにアンドロイドスマホでは背景が表示されない！

repeatを外すと表示される ……

なんだこの現象は……

原因はショートハンドで書いていたことでした！

background-image: url(bg_sp.png);
background-repeat: repeat-y;
background-position: top;

書き直したら無事解決いたしましたー！

めでたしめでたし