AndroidスマホのChromeブラウザで、制作中サイトの表示確認していたら、同じフォントサイズをCSSで指定しているのに、文字サイズが違う(片方は指定サイズより大きくなる)現象に出くわしました。
上記画像がその時の様子です(お客さん用サイトなので一部隠しています)。下の文字が一回り大きくなってます。
因みにPCブラウザ、iPhoneでは再現せず。
PCブラウザの検証モードで、HTML、CSSソースを見直したりしても特におかしなところはありません。
仕方なしに、ググったら記述サイトを見つけました。
【Android】Chromeでフォントサイズが大きくなるバグ | 電脳備忘録
WEBデザインに関連する記事です | 電脳備忘録
560days.com
該当要素に「max-height: 999999px;」を設定したところ無事バグを回避することができました。
大元の情報サイト
Chrome on Android resizes font
Apparently once paragraph of text reaches a certain length, Google Chrome ...
stackoverflow.com
上記の設定を行った所、無事解決しました。
しかし、最初の日付が「2013年」って。。。まだ直っていないってこと？それとも仕様？
2013年と言えば、Android勝手に改行事件(僕が一人でそう言ってるだけ)があった時だ。
Androidのブラウザでテキスト文字が折り返しされる
先日、シャープのAndroidスマートフォン SH-06Dを購入して、いろいろなPC向けサイトを見ていたところ、テキストの文字が中央付近で、折り返さ...
kichizu.com
当時この記事に結構アクセスがあったので、みんな困ってたみたい。
もう10年前か・・・。
コメントをどうぞ