外部CSSがモバイルで読み込まれません

質問

PC(googlechrome)では外部cssが読み込まれるのですが、モバイルで読み込まれず困っています。
テンプレートで
<link rel="stylesheet" type="text/css" href="../css/○○.css">
と指定いるのですが、
エラーログを見ると
Invalid URI in request GET /../css/○○.css HTTP/1.1
というのが残っています。
機種はauのw65Tです。

宜しくお願い致します。

回答No.2

mtaka2 · ベストアンサー

cssファイルの相対パスを間違えていませんか?
おそらく、問題のページは、そのホストのトップにあるように見受けられます。
例えば、
http://example.jp/hogehoge/fugafuga.html
といった形で、一つ以上階層があるなら、そこからの相対で「../css/○○.css」は、参照元の hogehoge の一つ上のcssの下、ということで
スタイルシートは
http://example.jp/css/○○.css
が読み込まれます。

ところが、
http://example.jp/fugafuga.html
のような、そのサイトのトップからの場合、「一つ上」がありません。
そのため、携帯からのアクセスの場合、無理矢理「一つ上」にアクセスしようとして
> Invalid URI in request GET /../css/○○.css HTTP/1.1
というエラーになっているのだと思います。

一方、Chrome など、PC用ブラウザの場合は、「一つ上に上がる」ことができないのを認識して「../」の指定は無視し、
http://example.jp/css/○○.css
にアクセスするようです。
そのため、たまたまPCではうまくいったということなのでしょう。

お礼

>mtaka2さん
ありがとうございます。
chromeがそういう処理をしてたんですね。
ご指摘を参考にapacheの設定を変えてうまくいきました。
本当にありがとうございました。

回答No.1

noname#100277

CSSの内容次第では？
auや該当端末では読み込まないセレクタの可能性が高いです。

補足

aidesさん
回答ありがとうございます。

CSSの内容次第とは具体的にはどういうことでしょうか？