QA@IT
«回答へ戻る

一部追記

1183
 
 というのは何も意味がないと思います。
 
-たぶん、ブラウザが解釈したエンコードと実際に受信した html ソースの文字コードが違っているのが原因だと思います。
+たぶん、ブラウザが解釈したエンコードと実際に受信した html ソース(JavaScript のコードを含む)の文字コードが違っているのが原因だと思います。
 
 Chrome 上に問題のページを表示して、 [ツール(L)] ⇒ [エンコード(E)] で Chrome が解釈しているそのページのエンコードを調べ、それと実際の html ソースの文字コード(ツールでパケットをキャプチャするなどして 16 進コードを見てください)を比較してみて、一致しているかどうか調べてください。
 

MacOS MountainLion は持ってないので実際に検証できないのですが、ごくごく基本的なことなので、多分 Windows の Chrome でも同じだろうと思って回答します。MacOS の特殊事情などがあって違っていたらすみません。

まず、今回のケースでは、少なくともアップされたコードを見る限りは、CSS は全く関係ないです。なので、

CSSの先頭に「@charset "UTF-8";」と記述しています。

というのは何も意味がないと思います。

たぶん、ブラウザが解釈したエンコードと実際に受信した html ソース(JavaScript のコードを含む)の文字コードが違っているのが原因だと思います。

Chrome 上に問題のページを表示して、 [ツール(L)] ⇒ [エンコード(E)] で Chrome が解釈しているそのページのエンコードを調べ、それと実際の html ソースの文字コード(ツールでパケットをキャプチャするなどして 16 進コードを見てください)を比較してみて、一致しているかどうか調べてください。

多分それが違うから文字化けが起こっているのだと思います。

MacOS MountainLion は持ってないので実際に検証できないのですが、ごくごく基本的なことなので、多分 Windows の Chrome でも同じだろうと思って回答します。MacOS の特殊事情などがあって違っていたらすみません。

まず、今回のケースでは、少なくともアップされたコードを見る限りは、CSS は全く関係ないです。なので、

> CSSの先頭に「@charset "UTF-8";」と記述しています。

というのは何も意味がないと思います。

たぶん、ブラウザが解釈したエンコードと実際に受信した html ソース(JavaScript のコードを含む)の文字コードが違っているのが原因だと思います。

Chrome 上に問題のページを表示して、 [ツール(L)] ⇒ [エンコード(E)] で Chrome が解釈しているそのページのエンコードを調べ、それと実際の html ソースの文字コード(ツールでパケットをキャプチャするなどして 16 進コードを見てください)を比較してみて、一致しているかどうか調べてください。

多分それが違うから文字化けが起こっているのだと思います。

回答を投稿

MacOS MountainLion は持ってないので実際に検証できないのですが、ごくごく基本的なことなので、多分 Windows の Chrome でも同じだろうと思って回答します。MacOS の特殊事情などがあって違っていたらすみません。

まず、今回のケースでは、少なくともアップされたコードを見る限りは、CSS は全く関係ないです。なので、

CSSの先頭に「@charset "UTF-8";」と記述しています。

というのは何も意味がないと思います。

たぶん、ブラウザが解釈したエンコードと実際に受信した html ソースの文字コードが違っているのが原因だと思います。

Chrome 上に問題のページを表示して、 [ツール(L)] ⇒ [エンコード(E)] で Chrome が解釈しているそのページのエンコードを調べ、それと実際の html ソースの文字コード(ツールでパケットをキャプチャするなどして 16 進コードを見てください)を比較してみて、一致しているかどうか調べてください。

多分それが違うから文字化けが起こっているのだと思います。

MacOS MountainLion は持ってないので実際に検証できないのですが、ごくごく基本的なことなので、多分 Windows の Chrome でも同じだろうと思って回答します。MacOS の特殊事情などがあって違っていたらすみません。

まず、今回のケースでは、少なくともアップされたコードを見る限りは、CSS は全く関係ないです。なので、

> CSSの先頭に「@charset "UTF-8";」と記述しています。

というのは何も意味がないと思います。

たぶん、ブラウザが解釈したエンコードと実際に受信した html ソースの文字コードが違っているのが原因だと思います。

Chrome 上に問題のページを表示して、 [ツール(L)] ⇒ [エンコード(E)] で Chrome が解釈しているそのページのエンコードを調べ、それと実際の html ソースの文字コード(ツールでパケットをキャプチャするなどして 16 進コードを見てください)を比較してみて、一致しているかどうか調べてください。

多分それが違うから文字化けが起こっているのだと思います。