- このトピックには2件の返信、2人の参加者があり、最後に
により8年、 6ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
-
投稿
-
いつも御世話になっております。
GRAPHIEを使わせていただいてますが、tinyMCE advancedでのテーブルを作成したところ、モバイル表示で表示領域を超えてしまいます。
枠内で収まるようにするにはどうしたらいいのでしょうか？
よろしくお願いします。tableタグに限ったことではありませんが、HTMLタグに直接幅(width)を指定した場合は、テーマではimgタグ以外には最大幅(max-width:100%)を指定していませんので、スマートフォンなど表示幅が狭い端末にて、それ以上の幅(width値)をtableタグに指定していた場合、それは当然表示幅に収まりませんので、オーバーフローします。
例えば、テーブルのwidth値は100%にするか、min-width, max-widthを設定しておくなど、またはメディアクエリを用いて任意の表示幅になった際は、対象の要素に対してレスポンシブ化するようにしてください。
「Shortcodes for DigiPress」プラグインをお持ちの場合は、セルの連結がないような比較的単純なテーブルであれば、レスポンシブ表示に対応しているテーブルショートコードを利用してください。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- このトピックに返信するにはログインが必要です。