ChromeでCSSファイルが動作しない

このページのCSSスタイルがChromeに読み込まれない理由を教えていただけますか？ここにリンクがあります：http://otownsend.ca/html/lokafyinfographic.html ChromeでCSSファイルが動作しない

私は非常に誰の助けていただきありがとうございます。

出典

2016-12-23 Olive Town

クロムにはページが全く開いていません。 –

シークレットモードでChromeを開いて確認してください。 –

CSSファイルのパスが間違っています。 –

F12キーを押してコンソールタブに移動します。

がリソースをロードに失敗しました：サーバーは、404の状態（見つかりません）と答え

CSSファイルが何らかの形でunavailabeであることを意味し、次のメッセージが表示されます。

出典

2016-12-23 05:19:31 Doseke

これは大きな助けではありません... – snorbi

あなたのCSSは大丈夫です。実際にはview it hereです。

Windows上でコンソールF12を開くと、次のエラーが表示されます -

Failed to load resource: the server responded with a status of 404 (Not Found) http://otownsend.ca/html/css/bootstrap.min.css

あなたのいずれかがあなたのサーバー上bootstrap.min.cssファイルまたはhrefを含めていないようなので、それが見えます提供されたものが間違っています。

これは間違いありませんか？ - <link href="css/bootstrap.min.css" rel="stylesheet">？

はこれでそれを交換してみてください - <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css rel="stylesheet">

あなたもfull-slider.cssファイルが欠落しているように同様に、それが見えます。ファイルの正しいパスを提供してください。正常に動作するはずです。

UPDATE - あなたはキャッシュの問題を抱えているよう

が見えます。これには簡単な回避策があります -

CSSファイルを更新するたびに、ファイル名の末尾に新しいクエリ文字列（href="../css/lokafyinfographic.css?version=1"など）を追加します。ユーザーがブラウザにlokafyinfographics.cssをキャッシュすると、ユーザーは最新の変更を表示できないことがあります。したがって、クエリ文字列?version=1を追加すると、ブラウザがそのファイルを探すようになります。

サーバーがクエリ文字列で何かを行うようにプログラムされていない限り、ブラウザは無視しても問題ありませんが、新しいCSSファイルを読み込んでキャッシュします。したがって、更新するたびにhrefに?version=2程度の新しいクエリ文字列を設定してください。

希望に役立ちます！

出典

2016-12-23 05:36:20

しかし、完全なslider.cssとbootstrap.min.cssは私の主要なCSSファイルでもありません。私のメインファイルは "lokafyinfographic.css"です。私はなぜそれらの他のCSSファイルが読み込まれるべきかわからない。 –

私は実際にブラウジングデータをクリアするためにどこかを読んで、現在はメインのCSSページがChromeに接続しています！とにかく助けてくれてありがとう:)うまくいけば、この問題は再び起こらない... –

@OliviaVictoriaTownsendああ、キャッシュの問題！それはかなり一般的です。回避策を提供するために私の答えを更新しました。あなたが答えを見つけたら、それを覚えておいてください。 –

ChromeでCSSファイルが動作しない

答えて

関連する問題