当ブログを常時SSL化しました。記事のコメントに関してこのブログはあくまで個人用の覚書ですので、詳しいWebプログラミング知識はお答えできないことがあります。管理人多忙につき、コメントをされても返信が遅くなることがありますのでご了承ください。29検索:first-letter×letter-spacingでSafari4がクラッシュ?レスポンシブウェブサイトを制作中、MacのSafari4.1.3にてサイトを確認したらクラッシュする...。́;ω;`)なんでよ低スペックMacのせい?と思ったものの画像やソースの容量はかなり抑えたし、しかも他の重いサイトは表示される。これはソースに問題ありと見てエラー箇所の洗い出し。JSの動作、記述ミスなどチェックjqueryを幾つか設定しているのでまずはそこから確認。別ファイルでjqueryをセットし個別に動作確認JS・HTML・CSSの記述ミスがないか確認JS・HTML・CSSの文字コードを統一させるが、なんの問題もないし変わらない。HTMLを部分的に削除して問題箇所を探すヘッダー、メインコンテンツ、サイド、フッターなど大まかにHTML部分を削除⇔追加を繰り返しながらSafariで動作確認していくと・・ある特定箇所を削除したらクラッシュしないことが分かった。HTMLソースには記述ミスも見当たらないので、悪さしているのはCSSおまえか!ってことで影響がありそうなのを片っ端から削除しながら動作確認してたら...見つけました。原因はCSSの“first-letter”だった。以下のliリストに設定していたfirst-letterを削除したらクラッシュすることなく表示された。}これかぁ~...なんでこんなのが...原因はよくわかりませんが、今回のはそれほど重要な装飾ではないため削除。first-letterは、要素の最初の文字にスタイルを適用するという痒いところに手が届く的なCSS擬似要素。first-letter自体がアウトなのかついでにチェック。※letter-spacingは他要素に設定していて問題ないのでスルー。}よってfirst-letter×letter-spacingの組み合わせがよくない?ということのよう。ほか装飾との組み合わせにも問題があるかもしれないのでfirst-letter使用時は要注意。※Safari4.1.3での動作確認、最新版Safariでは未確認。コメントをキャンセルメールアドレスが公開されることはありません。