tomotomo1129 https://blog.hatena.ne.jp/tomotomo1129/ Web開発における知見共有系ページ https://job-info.hateblo.jp/ Webの仕組み レスポンシブ CSS スマホ表示 ブラウザ差異 PCでは正常、スマホだけ崩れるのは「画面サイズ」の問題ではない スマホは「PCの小型版」ではない viewport設定がないと何が起きるか レイアウト崩れの本当の原因は「幅の計算」 画像がはみ出す理由 スマホ特有の問題：タッチ操作 フォントと行間が崩れる理由 実際に起きやすい落とし穴 キャッシュの影響もある 注意点：テーマの問題とは限らない 結局なぜ崩れるのか PCでは正常、スマホだけ崩れるのは「画面サイズ」の問題ではない Webサイトを公開したあと、よく起きるトラブルがあります。 PCではきれいに表示されているのに、スマホで開くとレイアウトが壊れている現象です。多くの場合、「スマホの画面が小… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fjob-info.hateblo.jp%2Fentry%2F2026%2F02%2F09%2F093438" title="スマホだけ表示が崩れる本当の理由 - Web開発における知見共有系ページ" 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 2026-02-09 09:34:38 rich https://job-info.hateblo.jp/entry/2026/02/09/093438 1.0 100%