現在、私は音楽サイトで作業していて、css ファイルの問題に直面しています。
ローカルサーバーまたは会社のテストサーバー ( UNIX ) では正常に動作していますが、ファイルを別のサーバー (Windows) にアップロードしてライブにすると、CSS が効果を発揮していないようです。
Firebug を使用すると、CSS が定義されていないと表示されます。View Source を使用して CSS ファイルのリンクをクリックすると、問題なく動作するようです。
別の問題:ヘッダー ファイルで何かをエコーすると、CSS は正しく機能します。インライン CSS コードを使用する場合も同様です。問題は何ですか？
これが私のヘッダーファイルコードです:
<!DOCTYPE html>
<html lang="en">
<head>
<title>xyz</title>
<base href="<?php echo HTTP_PATH; ?>/">
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
これは私の古い投稿で、この投稿のベストアンサーを得ました:
サーバーが CSS に対して間違ったコンテンツ タイプを提供しています。[ネットワーク] タブを見ると、.css ファイルが text/css ではなく text/html として提供されています。これは、ブラウザーがそれをスタイルシートとしてではなく、HTML ドキュメントとして解釈し、コンテンツが欠落していると判断して自動的にタグでラップすることを意味します。これにより、すべての CSS が無視されます。
しかし、ブラウザで任意の文字を印刷すると、サーバーが.cssファイルをテキスト/ cssとして提供する方法と混同されます。
誰でも説明できますか？