IOSはテキスト入力のズームを禁止します

Question

IOSのテキスト入力をどのように拡大するのを防ぎますか？私は以前これが尋ねられていることを知っており、従来の知恵は入力に少なくとも16pxフォントを持つことでした。

しかし、これは現代のiosデバイス（最近のiphone）では機能していないようですが、古いipadでも動作するようです。

現在の解決策はありますか？私は好ましくは、CSS、または純粋なjavascriptソリューションを探しています。

私はページ全体でズームを無効にできますが、これは望ましい解決策ではないことにご注意ください。

Answer 1

あなたはこのようなすべての入力とも追加フォーカスプロパティを指定してみました：

@media #{$small-and-down} { 
    // styles for small screens and down 
    input[type="color"], 
    input[type="date"], 
    input[type="datetime"], 
    input[type="datetime-local"], 
    input[type="email"], 
    input[type="month"], 
    input[type="number"], 
    input[type="password"], 
    input[type="search"], 
    input[type="tel"], 
    input[type="text"], 
    input[type="time"], 
    input[type="url"], 
    input[type="week"], 
    select:focus, 
    textarea { 
    font-size: 16px !important; 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    select:focus, 
    textarea:focus, 
    input:focus { 
    font-size: 16px !important; 
    } 
}