[wordpress] iPhoneで見るとSyntaxHighlighterのフォントサイズが大きい

ソースを表示するときには、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の修正が反映されないときがあります。