ソースを表示するときには、SyntaxHighlighterというpluginを使わせてもらっています。
記事をPCで確認すると綺麗に表示されているのですが、iPhoneで見ると、やけに文字が大きくなっていて表示が崩れていました。
ググって調べてみると、どうやらCSSの記述が足りないようです。 そこで、style.cssに以下を追加したところ綺麗に表示されるようになりました。
# style.css
html {
-webkit-text-size-adjust: 100%;
}
.syntaxhighlighter table {
max-width: none;
}
Point
テーマのstyle.cssを修正するのですが、childのテーマを作っている場合には、childのstyle.cssに修正を加えましょう。
tips
iPhoneで確認するときには、iPhoneのキャッシュを削除しないとCSSの修正が反映されないときがあります。