IOS verhindert Zoom bei der Texteingabe

Question

Wie verhindern Sie den Zoom bei einer Texteingabe in IOS? Ich weiß, dass dies schon einmal gefragt wurde, und die übliche Weisheit war es, mindestens 16px Schrift am Eingang zu haben.

Allerdings scheint dies nicht mit modernen iOS-Geräten (neuere iphones) zu funktionieren, obwohl es scheint, auf einem älteren ipad zu arbeiten.

Alle aktuellen Lösungen? Ich suche vorzugsweise nach einer CSS oder reinen Javascript Lösung.

Ich bin mir bewusst, dass wir Zoom für die Seite insgesamt deaktivieren können, aber das ist keine wünschenswerte Lösung.

Answer 1

Haben Sie versucht, alle Eingänge zu spezifizieren und auch wie diese zusätzlichen Fokus Eigenschaft:

@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; 
    } 
}