このページでわかること
Codex作業後のHTML/CSS崩れを、スマホ表示やCSS 404まで含めて確認する流れがわかります。
結論
表示崩れは、見た目だけを直そうとして共通CSSを大きく変えると悪化しやすいです。まず該当ページだけで原因を切り分けます。
まず確認すること
閉じタグ、CSS読み込み、共通CSSの変更有無、画像サイズ、表、カード、FAQ、スマホ390px、横スクロール、外部CSS 404を確認します。
Codexに任せてよいこと
HTML構造の点検、CSS 404確認、スマホ幅の表示確認、崩れた箇所の候補整理は任せやすい作業です。
人間が確認すべきこと
共通CSSを直すか、ページ個別の調整にするか、SEOタグには触れないか、本番反映を止めるかを人間が確認します。
やってはいけないこと
見た目だけを理由にcanonicalやrobotsを変える、共通CSSを広く直す、原因未確認のまま別ページへ横展開することは避けます。
STOP条件
共通CSSの大きな変更が必要、複数ページで崩れている、タグやテンプレートに影響しそう、戻し方が不明な場合は止めて報告します。
FAQ
表示崩れはCSSが原因ですか？
CSSのこともありますが、閉じタグ、画像、表、FAQ、共通部品の変更も原因になります。
スマホ確認は必要ですか？
必要です。PCで正常でも390px幅で横スクロールや表崩れが出ることがあります。
共通CSSを直せば早いですか？
影響範囲が広いので、まず該当ページだけで直せるか確認します。
SEOタグも一緒に直しますか？
表示崩れ対応では、必要がない限りSEOタグは触らない方が安全です。