質問箱/5287

カテゴリデザイン・CSS・スキン
サマリテーブルがスマホ側で崩れてしまいます
バージョンpukiwiki1.4.7
投稿者ふる
状態完了
投稿日2017-11-29 (水) 03:57:30

質問

現在横長のテーブルを作成しましたが、これをスマホ側で見るとセル内の文字がブラウザサイズに合わせて改行されてしまいます。

overflow-x:scrollを導入してテーブルにスクロール属性をつけようと試みましたが、うまくいかず どこに記述するべきがわからず困っております。

pukiwiki.css.phpの .style_table{}内に書き加えてみたり .style_table { padding:0px; border:0px; margin:auto; margin-left:0px; text-align:left; color:inherit; background-color:#ccd5dd;

 overflow-x: auto;
 -webkit-overflow-scrolling: touch;

} .style_th{}ないに書き加えても変化がおきず

どこに書き加えれば動作するのかわかりません。

スマホ レイアウト 表が崩れる pukiwiki overflow-x: overflow-x: css追加 などで調べても検索ヒットしなかったため質問させていただきます。

回答



トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2017-12-21 (木) 06:43:40
Site admin: PukiWiki Development Team

PukiWiki 1.5.3+ © 2001-2020 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.197 sec.

OSDN