カテゴリー
iphone

iphoneのブラウザsafariでの表示の崩れを修正する方法

iphoneのサファリは自動で文字サイズを変更し、改行したり、電話番号のような数字にリンクをつけたりする機能が実装されており、標準状態で機能してしまいます。
せっかくcssで最適なサイズにデザインしても表示が崩れることがありますので、下記のメタタグとcssを追加しておきましょう
文字サイズの制御は、CSSで下記を追加。

html {-webkit-text-size-adjust:none}

電話番号の制御は下記をメタに挿入

<meta name="format-detection" content="telephone=no" /> 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です