ここ数ヶ月、WindowsPCのGoogle Chromeの表示が崩れることがありました。
CSSが読み込まれてないような現象が起き、更新すると正常に表示されるという現象でした。
いろいろ試した結果、修正方法がわかりましたので備忘録として書いておきます。
目次
Google ChromeのCSSの表示が崩れる時の原因
サイトの表示が崩れている時に、右クリックを押して、赤字のエラーコードを確認しましょう。
もし下記のようなキャッシュのエラーが出ている場合、今回の現象に該当します。
Failed to load resource: net::ERR_CACHE_READ_FAILURE
Google ChromeのCSSの表示が崩れる時の解決方法
Google Chromeの右上の3点ボタンから、その他のツール ＞ 閲覧履歴の削除を選択
データを削除のボタンを押して、クッキー等のデータを消しましょう。
以上で解決します。
原因としては何かのファイルがキャッシュの読み込みを抑止しているので、削除してあげるという形になります。
参考
あわせて読みたい
仕事が捗るほかのツールは、まとめからご覧いただけます。
あわせて読みたい
Windows・PC作業の効率化まとめ｜設定・ツール・トラブル対処
Windowsやその周辺のツールについて書いた記事を、目的別にまとめました。 設定でつまずいた場面や、作業を速くしたいときの参照用に分類しています。 各カテゴリーは閲…
アカウントの履歴を消す方法はこちらです。
あわせて読みたい
Google Chrome│アカウントの選択時に表示される「別アカウント」を削除する方法
仕事が捗るほかのツールは、まとめからご覧いただけます。 Chromeの表示が崩れるときの対処はこちらです。
まとめ
Google Chromeの表示がおかしいで検索しても、まともな解決方法が日本語のサイトではまったくありませんでした。
こういったものはまずエラーコードが入手できるかが重要です。
今回は出力されていたので、そこからの解決は早かったです。
困っている方は是非試してみてください。
