HOME フォーラム BizVektor スマホでテーブルがはみ出してしまいます

このトピックには2件の返信が含まれ、2人の参加者がいます。2 ヶ月、 1 週前じょに次郎 じょに次郎 さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #8860

    hajime
    参加者

    現在、以下のようなテーブルをトップページに載せようとしているのですが、スマホでははみ出してしまいます。
    画面100%で表示させたいのですが、cssでの記載をどのようにしたらよいでしょうか?

    https://sophia-lc.jp/
    こちらの診療時間を参考にしており、スマホ時には文字が小さくなっても100%表示させたいです。

    <table style=”width: 100%;”>
    <tbody>
    <tr>
    <td>診療時間</td>
    <td>月</td>
    <td>火</td>
    <td>水</td>
    <td>木</td>
    <td>金</td>
    <td>土</td>
    <td>日</td>
    </tr>
    <tr>
    <td>9:00~12:00</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    </tr>
    <tr>
    <td>15:00~17:30</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    <td>○</td>
    </tr>
    </tbody>
    </table>

    #8863

    hajime
    参加者

    こちら解決しました

    #8872
    じょに次郎
    じょに次郎
    モデレーター
3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。