ihigoro https://blog.hatena.ne.jp/ihigoro/ The 復習 https://ienshu.hatenadiary.jp/ ★レスポンシブ実践 ★AI Webサイトをモバイル対応する際の注意点 プロンプト例 Webサイトをモバイル対応ページに変更を加えるときの注意点 レイアウト設計の注意点 ① モバイルファースト設計PCデザインを縮小するのではなく、モバイルを起点に設計する方が破綻しにくい。 /* モバイル基準 */ body { font-size: 16px; } /* 768px以上でPC対応 */ @media (min-width: 768px) { body { font-size: 18px; } } ポイント 小画面 → 大画面の拡張 情報の優先順位を明確化 ② 横スクロールの完全排除 モバイルでは横スクロールは致命的UX劣化… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fienshu.hatenadiary.jp%2Fentry%2F2026%2F01%2F08%2F000000" title="Webサイトをモバイル対応する際の注意点 - The 復習" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/i/ihigoro/20260218/20260218222908.jpg Hatena Blog https://hatena.blog 2026-01-08 00:00:00 rich https://ienshu.hatenadiary.jp/entry/2026/01/08/000000 1.0 100%