質問: 何度やってもうまくいかないところがありまして、もしございましたら解決方法を教えていただきたく存じます。 現在、とをつかって表を作ったのですが、これをスマートフォンで開くと、住所や名前のところがべちゃっとなってしまいます。table全体が画面にまだ余裕が有るように見えるのですが、小さくなっているようでとても汚い状況です。 もし、解決方法とございましたら教えていただけませんでしょうか? webやタブレットでは問題なく表示できています。 モバイルの時に 契約者 登録住所 連絡先 加入保険 プラン 料金 {{user.name}} {{user.jyusho}} {{user.number}} {{user.hoken}} {{user.plan}} {{user.price}}
回答: 「べちゃっと」というのがちょっとわかりませんが、PCもスマホも同じHTMLって事ですね? テーブルをもっと画面幅いっぱいに広げたいとか、そんな感じでしょうか? 実際の線(ボーダー)より左右に余裕がある様に見える場合は、マージンやパディングが未指定の場合はデフォルトとしてついてる場合があるかもしれません。 ブラウザの開発者ツール等でスマホプレビューして余白とかがついてないか、確認してCSSで調整するとよいかと思います。 余白が確認できれば余白を削除すれば良いですし、スマホの表示だけ調整したければメディアクエリを調べてみて下さい。 画面幅によってCSSを適用するしない等の調整が効きますので、お好みに合わせられるかと思います。 そもそも私の解釈が間違ってたら無視して下さいませ。