【TinyMCE Advanced】表をスマホで表示する時に横幅がはみ出る原因と修正の仕方

ブログの記事を書く時は表など使うとよりわかりやすく、説得力も増します。

そこで私もWordPressで表を使うことがあります。

スマホで表示を確認した時に、ある表ではスマホの画面に収まっていたり、ある表ではスマホの画面からはみ出てしまっていたりします。

実は表を「TinyMCE Advanced」の表（テーブル）で作成した当初はレスポンシブル対応しており、

スマホの画面に対応して収まりますが、操作をしている時にレスポンシブル対応から横幅のサイズを指定してしまってる状態になっている場合があります。

この原因はプラグイン「TinyMCE Advanced」の表（テーブル）プロパティから簡単な操作で修正することができます。

表のスマホ表示を「TinyMCE Advanced」の表（テーブル）プロパティで修正

このように横にはみ出た場合、スマホ画面がグラグラとなり、スクロールしにくく読み手にストレスを与えてしまいますし、何よりキレイではありませんね。

１．テーブル（表）のプロパティを開く

２．幅の部分に入ってる数字を消去

これで更新をしてもらってスマホで表を確認してもらえればスマホの幅に収まっています。

幅の数字を指定している状態になっていたためレスポンシンブルではなくなっていたので、幅の指定を取り消し、レスポンシンブルに戻すということになります。