2018/05/25ツイートシェアはてブPocketLINE@kasumiiです。iPhoneでサイトを確認したときだけ、なぜかCSSで小さく指定したはずの文字が大きくなったり、逆に大きく強調したはずのテキストが小さくなったり、おかしな現象が起こることがありました。PCで見てるときは大丈夫なのに、iPhone版Safariで見たときだけ起こるっぽい。これの解決方法をメモメモです。100%;}のように、文字サイズの自動調整をさせたくない部分に-webkit-text-size-adjustを指定すれば直りました。Safariさんは画面の向きを変えなくても文字サイズを自動調整しちゃうんですねー。100%;を入れるようにしていたので、自分で一から作る場合は大丈夫だったんですが、フリーのWordPressテンプレートを使う場合などはこの指定が入っていなかったりするので注意せねばです。文字の拡大ができなくなる以下のページに詳しい説明がありますが、-webkit-text-size-adjustでnoneを指定しちゃうとデスクトップ版のChromeやSafariなどで文字サイズの拡大ができなくなったりするようなので注意。く煮ブログこれはWebKitのバグらしいですが、ひとまずはnoneではなく100%を指定しておくのが良さそう。ちなみにNormalize.cssでは、きちんと以下のようなコメントが入っていました。ユーザが文字サイズ拡大してるのを無効にしないように、100%を指定しているということですねー。none;を指定していることが多く、Chromeで文字サイズの拡大が効かなくて困るんだよねーって方に、こんなのもあったのでついでにリンクはっておきます。インストールして使うまでの簡単な手順メモWeb制作などの記事一覧memobitsキニナルコトをメモメモ。