CSSのmediaについての注意点【表示が反映されないときに】

  • 2021年12月31日
  • css
css

CSSの表示が反映されないときの注意点についての備忘録です。
chromeで確認すると確かにCSSファイルを読み込んでいる。
CSSの記述も間違っていない、といったときに

CSSのmediaについての注意点

ちゃんとファイルが指定されているなら、mediaの部分を確認すると良いです。
私の場合はこのmediaの指定がprintになっていたために、ページで反映されていませんでした。

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

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

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