[解決済み] 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のページ をご覧ください。
関連
-
[解決済み] <div style="display:none">によるテーブルデータの非表示。
-
[解決済み] CSSでボックスの下枠を削除する方法
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] ブラウザでCSSファイルが更新されない
-
[解決済み] css グリッドによる垂直・水平方向の中央揃え 4x4 正方形グリッド
-
[解決済み] twitter-bootstrapの@-ms-viewportというタグは何ですか?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 他のブラウザが画像を読み込むときに、Chromeがエラー **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** を発生させる。
-
[解決済み] <div style="display:none">によるテーブルデータの非表示。
-
[解決済み] SVGの塗りつぶし色が効かない
-
[解決済み] iframe 要素の scrolling 属性は廃止されました。代わりにCSSを使用してください。
-
[解決済み] マージン/パディングが機能しない
-
[解決済み] JavaFX Labelの文字色を変更する方法
-
[解決済み] three.jsの背景を透明や他の色に変更する。
-
[解決済み] CSSで背景画像を着色する方法を教えてください。
-
[解決済み] select2入力の幅を設定する(Angular-uiディレクティブを使用)
-
[解決済み] codepenでfont awesomeを使用する