スタイルシート(CSS)が反映されない問題と対策

スタイルシート(CSS)が反映されない問題と対策

CSSは読み込まれているかを確認する

F12キーを押して、Google Chromeのデベロッパーツールを起動し、ネットワークタブを選択する。

通信を見ると、CSSファイルは読み込まれていた。

Consoleにwarningを確認する

ChromeデベロッパーツールのConsoleタブを見ると、warningが1件あった。

Resource interpreted as Stylesheet but transferred with MIME type text/plain:

スタイルシートのMIME typeがtext/plainになっていた。

対策

スタイルシートのMIME typeを”text/css”に設定することで、正しく表示されるようになった。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください