クリエイター:コーディング備忘録ブログ

コーディング

PCサイトをスマホで見たときに文字サイズが変わらないようにする。

PCサイトしか対応していないサイトをスマートフォンで見たとき
縦で見た時と横にした時で文字のサイズが変わってしまう場合があります。
これはスマートフォンの機能で縦方向と横方向のサイズを自動調整してしまう事によって起きるのですが、
それをcss上で設定を切ることができます。
-webkit-text-size-adjust: 100%;
この一文を入れるだけで勝手にiphoneなどのスマートフォンで予期しない文字サイズになる事はなくなると思います。

最近はスマートフォン対応サイトが当たり前となってきましたが
まだまだ対応が追い付いていないサイトも多い現状です、
ユーザー目線に立って最低限こういった配慮をすることが大切だと思います。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP