青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

iPhoneのSafariで横向きにしたときに文字が一部拡大してしまう

www.webdlab.com

iPhone Safari 横

f:id:XxGodmoonxX:20191115005912j:plain

iPhone Safari 縦

f:id:XxGodmoonxX:20191115005919j:plain

横にすると、※1が拡大されてしまう。

おそらくiPhoneのSafariのみ。

なので、

developer.mozilla.org

これでテキストの自動拡大アルゴリズムを制御する。

    body {
       //iPhoneのSafariでで横向きにした際に一部文字が拡大されてしまうための対応
      -webkit-text-size-adjust: 100%;
    }

これで出来る。

caniuse.com

iOSのSafariではprefixが必要なので、-webkit-をつける。

ただnoneは指定してはいけない。

ultimate-ez.com

PCでのユーザビリティに影響するらしい。