WordPressで表が切れる!はみ出ないようにレスポンシブにしよう!

レスポンシブ

WordPressで表を作成しました・・・・

表示するとあれ?端が切れてる!?とか・・・パソコンでは綺麗に表示されてるのに、スマホで見ると表がはみ出てるよ~~(TдT)

なんて事が起こります。

そんな時の対処法をまとめますね(^^)!

 

表がはみ出るとは?

 

まず、表が上手く収まっている状態を御覧下さい⏬

 

 

 

次に、表がはみ出てる状態とはこんな感じです⏬

 

 

はみ出ないようにレスポンシブする

では、はみ出ないようにしましょうね(^^)!

 

『レスポンシブ』とは?

 

Webにおいてのレスポンシブとは、PC・タブレット・スマホなどの異なる画面サイズに応じてページのレイアウト・デザインを調整する事。

 

表の幅に変更を加えていなければ問題ないのですが、このように⏬罫線をドラッグして動かすとはみ出る現象が起きるようです。

 

そんな時の対処法をまとめます(^^)!

まず、表全体を範囲指定します。

【テーブルアイコン  】をクリック⇒『表のプロパティ』⇒『一般』

幅の部分に数字が入っていると思います。

この部分を空白にする100%と設定しましょう。

これでPCでもスマホでも上手い具合に収まっていると思います(^^)!

簡単な表作成はこちらを御覧下さい⏬

WordPressで表作成!枠線・プロパティ・色付けを簡単解説!

17年間ゼロ円の主婦が、月収40万円を達成するようになったのは、たった1通のメルマガ登録からでした。

無料メルマガには、ネットビジネス初心者の方に向けて、専業主婦だった私がブログで稼げるようになるまでを公開しています!

7日間の無料メール講座の登録はこちらをCLICK ↓

 

ただ今ブログ運営者を対象に、アクセスアップ・収益アップの無料ブログ添削を実施しています!

Rimのコンサルに興味がある方はコチラから↓

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です