1. ホーム
  2. css

[解決済み] ChromeでCSSが効かない

2022-03-04 04:12:46

質問

制作中のウェブサイトのこのページで、CSSが読み込まれません。 http://www.thesanfordcenter.net/sanford-center . Chromeでのみ発生するのですが、別のPCのChromeでも同じ問題が発生しており、ブラウザの閲覧履歴とキャッシュ履歴をすべてクリアしているので、キャッシュの問題ではありません。

FFとIEでは正常に動作しているようです。このサイトのサブページでは、別のテンプレートが使用されていますが、問題なく動作しているようです。

何が原因なのかよくわかりません。何か助けがあればありがたいのですが。

解決方法を教えてください。

参照したページとサブページのcssリンクを比較すると、リンクに"media"属性がありますね。

問題あり。

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width: 481px" />

働くこと

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" />

media"属性を削除してみると、うまくいくはずです。

具体的には、"only" は、media属性の有効な操作ではないようです。参照 このW3Schoolsのページ をご覧ください。