【CSS】デザインが反映されない場合の対処法【media属性は合っていますか？】

CSSの表示が反映されないときの対処法です。

• CSSファイルの指定は正しい
• CSSの記述も間違っていない
• ChromeのデベロッパーツールからもCSSファイルを確認できる

といったときの原因はmedia属性にあるかもしれません。

【CSS】デザインが反映されない場合【media属性は合っていますか？】

ちゃんとファイルが指定されているなら、media属性の部分を確認すると良いです。

私の場合はこのmedia属性の指定がprintになっていたために、ページで反映されていませんでした。

media属性については以下の3種類をおさえておけば良いでしょう。

1. all：すべての属性を持つ
2. screen：webページでの表示の際に適用
3. print：印刷した場合に適用

ブラウザで表示したければ、allかscreenでOKですね。指定をしないというのもアリだと思います。