読み込んでいる途中で画面がずれてしまうことの解決方法

Question

以下サイトをスマートフォン（Xperia 5 II SOG02）で表示すると
開いた瞬間は大丈夫なのですが、読み込み中に写真の様な余白部分ができてしまいます。
横は一画面で表示したいのですが、余白の部分が横スクロールになってしまいます。

CSSなど簡易な修正で直せないか、アドバイス頂きたくお願いします。

【サイトURL】
リンク内容
https://toppakou.com/ITWORD/

--
当ページをを流用して作った以下のページは問題ありません。
（読み込むデータ量が上記のページの方がかなり多いです）
リンク内容
https://toppakou.com/info1/

Answer 1

ぱっと見た感じtable内のどこかで改行に関する禁則処理がされているようです。
以下をcssに追加して試してみてください。

table {
 word-break: break-all;
}

word-breakについて参考:https://developer.mozilla.org/ja/docs/Web/CSS/word-break

Comments

[riki12342000]

直りました！本当にありがとうございます！助かりました。