CSSはFirefox、IE、Edgeには読み込まれませんが、Chromeでは正常に機能します

真実

私はサイトを開発していて、テストにChromeを使用しています。複数のブラウザでサイトをテストする場合、ローカル開発環境でサイトを表示するのに問題はありません。今日、私はサイトを立ち上げる準備ができています。ファイルを転送してオンラインでプルアップすると、CSSがChromeでのみ機能し、他のブラウザでは機能しないことがわかりました。どうして?

Firefoxのエラーメッセージ:「スタイルシートを読み込めませんでした。」

エクスプローラーのエラーメッセージ:(明らかにメッセージがありません)

CSSファイルにリンクするためのコード:

<link rel="stylesheet" type="text/css" href="../style/style.php">

このスタイルシートがこれまでに作成したものと異なる点は特にありませんが、これまで使用したことのないホスティングプランを使用しています。

TylerH

type="text/css"インポート宣言の.phpファイル拡張子は問題ありませんが、ファイルに実際のPHPが含まれていないことを確認することをお勧めします。新しいホスティングプロバイダーが、セキュリティやポリシーなどの理由で、CSSファイルに.css拡張子の使用を要求する可能性もあります。

通常、このようなシナリオでブラウザが許容できないファイルに遭遇すると、ブラウザは406応答コードでエラーになります。他のブラウザが問題を抱えているのに、Chromeが問題を引き起こしていないのは奇妙なことです。

いずれにせよ、拡張子が.cssの純粋なCSSファイルに切り替えると、すべてのブラウザーで問題が発生することがわかっているため、すべてのブラウザーが満足できるはずです。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Firefoxでは画像の読み込みに失敗しますが、Chrome、Edge、IEでは正常に動作します

分類Dev

FirefoxまたはIEにCSSが読み込まれません。Chromeで動作します

分類Dev

関数はChromeでは正常に機能しますが、IEとFirefoxでは機能しません

分類Dev

JavaScriptの送信はChrome / Safariでは機能しませんが、Firefox / IEでは正常に機能します

分類Dev

背景色CSSはSafariでは機能しませんが、Chrome、Firefoxでは正常に機能します

分類Dev

divはIEの中心ではありませんが、chromeとfirefoxでは正常に機能します

分類Dev

機能はChromeでは正常に機能しますが、Firefoxでは機能しません

分類Dev

NoSuchElementException:IDの要素が見つかりません/ FireFoxとChromeでは正常に機能しますが、IEでは機能しません

分類Dev

Lato FontはIEでレンダリングされませんが、Chromeでは正常に機能します

分類Dev

Web通知はChromeでは機能しませんが、FirefoxとMicrosoftEdgeでは正常に機能します

分類Dev

HighChartsはSafariでは機能しませんが、FirefoxとChromeでは正常に機能します

分類Dev

日付の計算はChromeとFirefoxでは正常に機能しますが、Safariでは機能しません

分類Dev

html()。split()はChrome / IEでは機能しませんが、Firefoxでは完全に機能します

分類Dev

prepend / appendはChromeとFirefoxで機能しますが、IE11とEdgeでは機能しません

分類Dev

ng-changeは、最初はページの読み込みでは機能しませんが、ページを更新した後は正常に機能します

分類Dev

GZip圧縮InternetExplorer 11では機能しませんが、ChromeとFirefoxでは正常に機能します

分類Dev

サイズ変更可能なKendoUIグリッドはIEでは機能しませんが、ChromeとFirefoxでは正常に機能します

分類Dev

JavaScript UTCから現地時間への変換はIEとFirefoxでは機能しませんが、Chromeでは正常に機能します

分類Dev

ウェブサイトはAndroidウェブビューに読み込まれませんが、Androidブラウザでは正常に機能します

分類Dev

CSS @ font-faceはFirefoxでは機能しませんが、ChromeとIEでは機能します

分類Dev

CSSルールはIEでは機能しますが、Chrome / Firefoxでは機能しません

分類Dev

Cssはchrome / firefoxでは機能しません(レンダリング)が、IE10 / Edgeでは機能します

分類Dev

あるページのMIMEタイプが原因で、CSSを読み込めませんが、別のページでは正常に機能します

分類Dev

動的に作成されたSVGはFirefoxでは機能しませんが、Chromeでは機能します

分類Dev

IE CSSは機能しませんが、Firefoxでは機能します

分類Dev

<hr>はクロムの中心を揃えませんが、IEとFirefoxでは正常に機能します

分類Dev

base64でエンコードされた画像は、IE / Edgeでは正常に表示されますが、Chrome / Firefoxでは表示されません。

分類Dev

CSS でインライン化された SVG は Chrome/Edge では機能しますが、Firefox では機能しません

分類Dev

視差効果はFirefoxとChromeで正常に機能しますが、IE 11では「誤動作」しますか?

Related 関連記事

  1. 1

    Firefoxでは画像の読み込みに失敗しますが、Chrome、Edge、IEでは正常に動作します

  2. 2

    FirefoxまたはIEにCSSが読み込まれません。Chromeで動作します

  3. 3

    関数はChromeでは正常に機能しますが、IEとFirefoxでは機能しません

  4. 4

    JavaScriptの送信はChrome / Safariでは機能しませんが、Firefox / IEでは正常に機能します

  5. 5

    背景色CSSはSafariでは機能しませんが、Chrome、Firefoxでは正常に機能します

  6. 6

    divはIEの中心ではありませんが、chromeとfirefoxでは正常に機能します

  7. 7

    機能はChromeでは正常に機能しますが、Firefoxでは機能しません

  8. 8

    NoSuchElementException:IDの要素が見つかりません/ FireFoxとChromeでは正常に機能しますが、IEでは機能しません

  9. 9

    Lato FontはIEでレンダリングされませんが、Chromeでは正常に機能します

  10. 10

    Web通知はChromeでは機能しませんが、FirefoxとMicrosoftEdgeでは正常に機能します

  11. 11

    HighChartsはSafariでは機能しませんが、FirefoxとChromeでは正常に機能します

  12. 12

    日付の計算はChromeとFirefoxでは正常に機能しますが、Safariでは機能しません

  13. 13

    html()。split()はChrome / IEでは機能しませんが、Firefoxでは完全に機能します

  14. 14

    prepend / appendはChromeとFirefoxで機能しますが、IE11とEdgeでは機能しません

  15. 15

    ng-changeは、最初はページの読み込みでは機能しませんが、ページを更新した後は正常に機能します

  16. 16

    GZip圧縮InternetExplorer 11では機能しませんが、ChromeとFirefoxでは正常に機能します

  17. 17

    サイズ変更可能なKendoUIグリッドはIEでは機能しませんが、ChromeとFirefoxでは正常に機能します

  18. 18

    JavaScript UTCから現地時間への変換はIEとFirefoxでは機能しませんが、Chromeでは正常に機能します

  19. 19

    ウェブサイトはAndroidウェブビューに読み込まれませんが、Androidブラウザでは正常に機能します

  20. 20

    CSS @ font-faceはFirefoxでは機能しませんが、ChromeとIEでは機能します

  21. 21

    CSSルールはIEでは機能しますが、Chrome / Firefoxでは機能しません

  22. 22

    Cssはchrome / firefoxでは機能しません(レンダリング)が、IE10 / Edgeでは機能します

  23. 23

    あるページのMIMEタイプが原因で、CSSを読み込めませんが、別のページでは正常に機能します

  24. 24

    動的に作成されたSVGはFirefoxでは機能しませんが、Chromeでは機能します

  25. 25

    IE CSSは機能しませんが、Firefoxでは機能します

  26. 26

    <hr>はクロムの中心を揃えませんが、IEとFirefoxでは正常に機能します

  27. 27

    base64でエンコードされた画像は、IE / Edgeでは正常に表示されますが、Chrome / Firefoxでは表示されません。

  28. 28

    CSS でインライン化された SVG は Chrome/Edge では機能しますが、Firefox では機能しません

  29. 29

    視差効果はFirefoxとChromeで正常に機能しますが、IE 11では「誤動作」しますか?

ホットタグ

アーカイブ