スタイルシート(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”に設定することで、正しく表示されるようになった。