Google ドライブ上のこのページ (生物学レッスン)何らかの理由でスタイルが設定されずに読み込まれます (Introduction/index.html
読み込みは正常です)。
HTML ファイルと CSS ファイルを W3C の検証ツールでチェックしましたが、すべて問題ありませんでした。index.html
とassets/stylesheets/index.css
ファイルの両方を削除して再作成しました。Google ドライブのルート フォルダの場所と名前も変更しましたが、何も機能しませんでした。
外部フォントとその他すべてのアセットは正常に読み込まれます。問題なのはassets/stylesheets/index.css
ファイルだけです。
さらに、Chrome Dev Editor から起動すると、次のように表示されます。
これをウェブ上で正しく読み込むにはどうすればいいでしょうか?
答え1
そのファイルを削除して再度アップロードする必要がありますが、.css
アップロードする前にファイルとして存在していることを確認してください。
その理由は、Google がファイルをアップロードするときに特定の方法でファイルを処理するため、ファイルの MIME タイプをtext/plain
ではなく に変換するからです。text/css