AndroidのChromeでフォントサイズが大きくなってしまう不具合は「max-height」で解決するかも ｜ SEOモード

AndroidでChromeを使ってサイトを閲覧したときに、一部の文字が非常に大きく表示されることがあります。 ※確認した限りでは、Androidの「標準ブラウザ」では大丈夫だったので、おそらくChromeに固有のバグなのだと思います。 最初なぜこんなことが起こるのか分からなかったのですが、 色々調べた結果、意外とあっさりと解決しましたので、メモしておきます。 私の手元にある環境でしか調べられていないのですが、発生するのは、meta要素の「viewport」が設定されていないか、content属性の「width」が「width=760」のような数字になっている場合のようです。 <meta name="viewport" content="width=760">以下のキャプチャは、Google Chromeのエミュレータを使って、当ブログで再現したものですが、こんな風に非常に大きなフォントサ

[yayocan]

9999 ハック　デバッグ　max-height

[h-battlexxofxxanny]

“max-height”

[field_combat]

Androidで「-webkit-text-size-adjust」効かんなって思ったら、これだった。max-widthはちょっとアレなので、widthをdevice-widthにした