背景画像を使っているサイトにツイッターの埋め込みをするとスマホとPCで表示が異なる問題

Question

実現したいこと
パソコンとスマートフォンで同じ背景画像を表示

ソースコード
goo.gl/d4rwvg

（HTMLとCSS，Javascriptのみ使用）

このサイトをパソコンで表示すると背景画像が表示されますが、このサイトをスマートフォンで表示すると背景画像が表示されません。

サイトの内容は単純です。

背景画像を表示させた状態で
埋め込みのツイッター（実際は背景透過の）を使って表示させる

やってみたこと
boxに囲む→boxが効かない
縦スクロールをつける→つかない

等で解決できません
表示件数を2〜3件にすると表示できます（つまり、バグの原因はツイッターにあります）
何卒ご教授お願いいたします

Answer 1

スマートフォンで表示とありますが、iPhone8 Plus実機で見たところ表示されていました。
機種が古かったりAndroidだったりするのでしょうか？

背景が出ない問題とは別かもしれないですが、気になる点を幾つか。
・大きい画像ではなく最小限のリピート画像にする。
・background指定は、htmlよりbodyに指定したほうがよい。
・スマホ版は、同じ画像を使用する際でも background-sizeで 1/2サイズを指定したほうがよい。

Comments

[anomer]

すみません。できてました！
自分には最小限のリピート画像にはできそうにないのでこのまま作成させていただきます
bodyに指定するとコンテンツの終了部分までしか表示されないので違和感のある余白ができてしまいました。このまま作成いたします。
スマホ版でも縦長の場合があって、縦も1/2になってしまうと困るのでこのまま作成する予定です。
色々なご意見、ありがとうございました！