taccuma note

iPhoneでSyntaxHighlighterの表示が崩れるときの対処法

iPhone-syntaxhighlighter-1

このブログではソースの表示にWordPressのプラグイン「SyntaxHighlighter Evolved」を使っているのですが・・・パソコンで見たときはキチンと表示されているのに、iPhoneでは何故か表示が崩れているのを発見してしまいました。なんか行番号とソースの行間が合ってないというか、ソースを表示してる箇所だけフォントサイズが無駄にデカいです。MacのChromeにあるデベロッパーツールでiPhone上の表示も崩れていないことを確認してたんですが、実際のiPhone上ではこんな感じで表示崩れてますw

最初はSyntaxHighlighter Evolvedのスタイルを変更しているから崩れたのかな?とCSSをSyntaxHighlighter Evolvedの初期設定に戻したんですが・・・それでも何故かiPhone上ではスタイルが崩れています。何でだろう?って思って調べたら解決方法が分かったのでご紹介します。

続きを読む

最近の投稿

おすすめ

タグクラウド

カテゴリー