ラック
Home > ブログ > 記事 > 2017年10月 > AndroidのChromeで一部テキストが大きくなる

AndroidのChromeで一部テキストが大きくなる

カテゴリ: ホームページ,スマホ,開発環境

Android端末のChromeでデバッグの手順でAndroid端末のChromeのデバッグができるよになったので、AndroidのChromeで一部テキストが大きくなる現象について調査。すると、あっけなく原因と対処が判明しました。

原因としては、

  • meta要素の「viewport」が設定されていない
  • content属性の「width」が「width=960」のような数字になっている

のどちらかの場合に発生するようです。実際、現象に遭遇したサイトはviewportが指定されていませんでした。

そこで対処として、開発者ツール上で<meta name="viewport" content="initial-scale=1.0,width=device-width">を記述してあげると……無事、直りました。

「スマホで見ることはないよねー」と思ってviewport指定を外していたのが仇になったようです。いやはや、細かいところでも気が抜けないですね。

タグ: html,Chrome,トラブル対処,バグ

 



関連する記事一覧