mah666hhh https://blog.hatena.ne.jp/mah666hhh/ スリ飯屋MaLankaのフリーエンジニアな日々 https://www.malanka.org/ 【レスポンシブ】table要素がスマホで横幅がはみ出る場合 【レスポンシブ】table要素がスマホで横幅がはみ出る場合 背景 手順 背景 PCでは問題ないが、スマホだとtableが横にはみ出してしまう。 調べていると、この記事で以下のように書かれていました。 https://www.netimpact.co.jp/diary/20607/ セル内に英単語が入っていた場合、単語の途中で折り返さないため、それが邪魔をしてスマホで見た時にセルが小さくならない事があるからです。 スタイルシートに記述する場合は以下のようにしてください。 と紹介されていたcssを適用。 .hoge { width: 10… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.malanka.org%2Fentry%2F2020%2F01%2F08%2F001423" title="【レスポンシブ】table要素がスマホで横幅がはみ出る場合 - スリ飯屋MaLankaのフリーエンジニアな日々" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-01-08 00:14:23 rich https://www.malanka.org/entry/2020/01/08/001423 1.0 100%