株式会社オートプロジェクト

CSS|テキストの自動拡大機能を無効化する方法

CSS|テキストの自動拡大機能を無効化する方法

AndoroidのChromeやiOSのSafariには自動拡大機能があり、テキストが読みにくいと判断されると自動で大きいフォントサイズで表示されます。

今回は、その機能を無効化する方法を紹介します。

設定は簡単です。

body{
text-size-adjust: none;

}

また、Safariで無効化するには、ペンダープレフィックスを付けて追加設定します。

body{
text-size-adjust: none;
-webkit-text-size-adjust: none;/*safari用*/

}

自動拡大機能を無効化する方法は以上です! ぜひ試してみてください。

Webデザイナー / コーダーのみなさまへ

株式会社オートプロジェクトでは、バックエンド全般を安心してお任せいただけます。

サーバー設定やDB管理、セキュリティ対策など幅広いニーズに対応いたします。お気軽にご相談ください。

バックエンドについて、オートプロジェクトに問い合わせをする

Contact ご相談・お問い合わせ

実現の可否や概算費用、納期に関するご質問・ご相談も、
どうぞご遠慮なくお問い合わせください。

お問い合わせ ご相談・お問い合わせ
TOP