AndroidのChromeでフォントサイズが大きくなってしまう対処法

自前のAndroidスマホのGoogle Chromeで自サイトみていると、文字が大きくなってしまう。。。

 

なにが原因だか、よくわからず放置していましが、先ほど対策しました。

 

対処法はこのサイトに掲載されていました。

http://www.seomode.jp/html-css/2014/06/25/3339/

 

 

そこで早速、

h1{ max-height: 100%; }

 

と対応したのですが、無事、期待するサイズで表示されるようになりました。

 

個別にあれこれ設定するのが大変なので、一括で

 

 
/* android クロームで文字がでかくなるバグ対策 */
h1, h2, h3, h4, p, ul, ol {
    max-height: 100%; 
 }
 
とCSSに掲載しました。
 
サブコンテンツ

このページの先頭へ