【CSS】スマホを横向きにした時に、文字が勝手に大きくなる問題【136日目】

CSSをpx指定してもできない

.text {
    font-size: 14px;
}

.text2 {
    font-size: 14px;
}

スマホを横向きにした瞬間文字が大きくなる・・・なぜ。

かと思えばtext2に至っては小さくなってる・・・どゆことなの。

html {
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

-mozや、-webkitとかは、firefoxとかiphoneのsafariとかブラウザ毎の対応です。

iphoneのsafariとか、ブラウザが自動的に文字サイズを変えちゃうみたい。

モバイル対応してないサイトとかを、そのまま表示したら見にくいだろうって気遣いみたい。

なので、CSSでhtml部分の設定を書き換えようってお話。

日本語記事

元記事