ChromeBookで Googleドライブ上の外部CSSファイルがリンクできない

2019-03-21

私は1月からWindows PCを入手してWeb系プログラミングの基礎学習を開始しました。

そうしたら、嬉しい事に妻も今月よりHTML/CSSの学習を開始しました!

今日、妻が「(外部)CSSが効かない!どうやっても。」と言ってきました。

    <link rel="stylesheet" href="css/styles.css">
</head>

確認すると確かに駄目です。

ChromeBookでGoogleドライブ上の外部CSSファイルがリンクされない
ChromeBookでGoogleドライブ上の外部CSSファイルがリンクされない

外部CSSの読み込みについて確認したことは次です。

  • Windowsでは(Googleドライブ上でも)問題なし
  • ChromeBookではGoogleドライブ上で問題あり
  • ChromeBookではPlayファイル上だと問題なし
  • ChromeBookでの問題発生はChromeBookの所有者権限のある/なしでも変わらない

諦めて、妻にはPlayファイル/Picturesの下でやってもらうことにしました。

しかし、納得できない。

teratailとかで質問するか、もう少し調べるか悩み中。

・・・とこの記事を書いていて、もう一度「GoogleドライブをWebサーバーにしてしまう「Editey」がヤバい | 非IT企業に勤める中年サラリーマンのIT日記」をしっかり読んだら、外部ファイルもできるとあります。

2019-03-01追記:Playファイル上でもindex.htmlからcssフォルダ上の画像をimgタグで表示できないと妻から報告あり。しかし、コピー元の画像を削除したら、表示されるようになったとのこと。

明日やってみます。

参考