表挿入時、スマホでの見え方

  • # ホームページ制作について
  • Eye199
  • Userカズ
  • Calender2021/01/20

解決
済み

表を挿入してスマホで見ると右側が画面から出てしまい全体がみれません。
どこを数値設定すれば全体が見える様になりますか?

みんなの回答を見る

  • Userhiguita
  • Calender2021-01-21 15:17:05

表がはみ出ると困ってしまいますね。
スマホはパソコンより画面が小さいので、表の幅をpxで指定するとパソコンでは枠内に収まっているのにスマホでははみ出てしまうことがあります。
表の幅を%で指定すると表示されている画面の記事欄に対しての大きさになるので、スマホでもパソコンでもはみ出ることはなくなります。

変更方法は以下のとおりです。
1.管理画面から「各ページの編集」をクリックし、表が掲載されているページを選択します。
2.表をマウスでなぞって選択します。
3.「本文」右側ツールバーの「表の挿入・編集」をクリックし、「表の詳細設定」をクリックします。
4.「表の詳細設定」ウィンドウが開くので、「幅」欄に「100%」と入力し、「OK」をクリックします。
※数値のみだと自動的に「px」になるようなので、必ず数値の後に「%」(必ず半角の%にしてください)をつけてください。
5.「上記の内容で設定」をクリックします。

これで、表が記事欄一杯の幅に設定されるので、スマホでもはみ出さなくなります。

ただし、各列の幅をpxで設定している場合、はみ出してしまう可能性がありますので、各列の幅も%で指定する必要があります。
列の幅を設定したい場合、幅を設定したい列の一番上のセルを選択した状態で、「表の挿入・編集」→「セル」→「セルの詳細設定」で幅の数値を入力すると設定できます。

6列の表を作成される場合、例えば

列1:30%
列2:10%
列3:10%
列4:20%
列5:15%
列6:15%

のように6列の合計が100%になるように設定すれば、パソコンでもスマホでも正常に表示されます。

記事を編集する
次のページ