safariでcssが効かない?

2014/01/20

HTMLとCSSの文字コードとsafariのデフォルトエンコーディングの相違による問題の可能性があります。

基本的にブラウザは表示するファイルの文字コードを自動で判別してくれているらしいですが
うまく処理されない、もしくはブラウザで設定されているデフォルトエンコーディングに影響される場合があり
HTMLの文字化け、cssが処理されないといった症状が現れます。

この場合の解決策としては
HTML,css側にどの文字コードで記述してあるかをブラウザに示すことでうまくいくときがあります。

下記コードをHTMLとcssに追加して試して見ましょう。

HTML headタグ内に追加

・shift-jisのとき

<meta charset="Shift_JIS">

・utf-8のとき

<meta charset="utf-8">


CSS 一行目に追加

・shift-jisのとき

@charset "Shift_JIS";()

・utf-8のとき

@charset "utf-8";()



この時注意していただきたいのは、
記述する文字コードはHTML及びcssを保存した時の文字コードと同じにしなければならないということです。
また、HTMLとcssの文字コードは統一しておいた方がいいです。

こちらに心当たりがある場合は、文字コードの指定を是非お試しください。