iPhoneは自動でフォントサイズを変更してくれます。しかしこれが原因でレイアウトが崩れてしまうことも。
リキッドレイアウトであれば便利なところもありますが、たいていの場合はお節介な機能かもしれません。この自動フォントサイズ変更を解除することができます。CSSに一文記述するだけです。
目次
CSSの任意の場所へ-webkit-text-size-adjust: ('none' '100%' 'auto');を記述します。
| 値 |
|
|---|
全体の自動変更を解除したい場合はbodyへ指定しましょう。
なお、none指定にするとブラウザの拡大表示ができなくなります。100%に指定しましょう。
body{
-webkit-text-size-adjust:100%;
}
以上です。
パンくずなどのシビアな文字サイズでデザインしている箇所が崩れている場合に指定してみてはいかがでしょう。
【WordPress】「返答が正しいJSONレスポンスでは…」のエラーが急に出た場合の対処法
はじめに – Webの仕組みを簡単に説明！サイトは家造りに似ているよ
リクエスト回数の実験 画像スライスで1800枚に分割してみた[wdth/heightを書くと高速化]
IE11(IE10も？)のエミュレーションモードでrespond.jsやhtml5.jsが効かない場合の解消法
HTML5でサイト作る場合のマークアップの使い方。セマンティクス＆コンテンツ・モデルという概念
clearfix(クリアフィックス)を使わないでフロートを解除する方法
どうしてもIE6,7,8にレスポンシブ対応をさせたい場合[HTML5編]
スタイルの色々な記述方法パターン（内部とか外部とか）
スマホサイト制作の際にメディアクエリを利用して縦横指定する方法と注意
webkit系でborder-radiusプロパティを使いスライドをした場合のバグ回避方法
JSを読み込ませない[iphone,ipad,android]エージェント判定
Web制作便利帳[エディタ,SEO,jQuery]等をひとつにまとめました