メディアクエリを使ってコーディングをしていたのですが、iPhoneで見ると一部のフォントサイズが拡大されてしまう現象に遭遇。(SafariもChromeも) しかも、画面が縦位置の時は何ともないのに、横位置で見たときだけ。 CSSをどういじってもダメで半べそになりながらも無事に解決したので、よろこびのエントリー。 目次 CSSにコードを追加で解決!なぜ-webkit-text-size-adjust: 100%;なのか?実機確認て、やっぱり大事可読性かデザイン性か… CSSにコードを追加で解決! はじめに結果だけ書いてしまうと、CSSに body { -webkit-text-size-adjust: 100%; } と記述することで解決しました。 なぜ-webkit-text-size-adjust: 100%;なのか? -webkit-text-size-adjustは文字通り、テキス
![スマホサイト制作時の困った!iPhoneでフォントサイズが勝手に拡大されてしまうのを防ぐ方法。](https://cdn-ak-scissors.b.st-hatena.com/image/square/591793b162cce4ede0f31b7a020cfdc764aeb3be/height=288;version=1;width=512/https%3A%2F%2Fplanbworks.net%2Fwp-content%2Fuploads%2F2013%2F11%2Ftext-size-adjust_ic.png)