soratomo0714 https://blog.hatena.ne.jp/soratomo0714/ Web関連あれこれ https://webkan.hateblo.jp/ HTML・CSS PC版は全く問題ないのに。。iPhoneで表示確認するとちゃんと、 文字サイズ指定したのに、大きくなったり小さくなったり。。 文字サイズにバラつきが出る問題。。 解決方法 結論から言うと↓で直ります。 body { -webkit-text-size-adjust: 100%; } どうやら、iPhoneの文字サイズ自動調節機能が効いてしまっているようです。 自動調整を行わないようにする指定が↑こちらになります。 ちなみに、 webkit-text-size-adjust: none; だと文字の拡大ができなくなるのでNGです。 WebKitのバグのようです。。 リセットcssに入れておくとい… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwebkan.hateblo.jp%2Fentry%2F20151026%2Fp1" title="iPhone版Safariでフォントサイズがおかしくなる問題 - Web関連あれこれ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-10-26 00:00:00 rich https://webkan.hateblo.jp/entry/20151026/p1 1.0 100%