Zendesk Guide｜スマートフォンで表示した時画面幅を超えて表示されてしまう

はじめに

Zendesk Guideはデフォルトでレスポンシブとなっており、PCで開いた時、スマートフォンで開いた時でそれぞれの画面サイズに合った状態で表示されます。

しかし、特定の条件を満たしてしまうとスマートフォンで表示する時に画面サイズを超えて表示される(スクロールしないと読むことができない)ことがございますので、今回は考えられる条件と解決策をご説明いたします。

考えられる原因と解決策

①大きな画像がサイズ固定で配置されている

　→解決策：画像のサイズ指定を解除する（「ソースコード」から対象画像の「width」「height」プロパティを削除）

②改行のできない長い文字列（URLなど）が挿入されている

　→解決策：長いURLなどはそのまま貼り付けせず、「○○はこちら」などの短い文字列に「リンクの挿入/編集」を使ってURLを設定する

③表（テーブル）や表のセルにサイズが指定されている

　→解決策：「表」の「表のプロパティ」や「セルのプロパティ」を開き幅の数値を削除する