Meta-Tag? Formularfelder zoomt auf den Fokus, löst aber nicht auf, wenn der Fokus auf mobilen Geräten liegt?

Question

Ich habe eine Website, die ich versuche, Handy freundlich zu machen. Wenn ich jedoch zu meinen Formularen komme, wenn die Textbox ausgewählt ist, zoomt der Bildschirm heran, wenn Sie fertig sind, zoomt er nicht zurück. Ich glaube nicht, dass dies mein CSS ist. Ich habe das Gefühl, dass es die Art und Weise betrifft, wie Sie Ihre Metatags einrichten. Gibt es eine Möglichkeit, meine Meta-Tags so anzupassen, dass sie nicht hineinzoomen, weil sie nicht herausgezoomt wird? Oder lassen Sie es zumindest verkleinern, sobald der Fokus verloren ist.

<meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

Answer 1

Wenn Sie auf der Seite ganz ein- entfernen wollte, versuchen Sie könnten user-scalable=0 zu Ihrem Ansichtsfenster-Tag hinzufügen, wie so;

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">

Aber dies ist vielleicht nicht ideal. Eine weitere Möglichkeit, dies zu verhindern, besteht darin, den Eingabetext des betreffenden Formulars auf eine bestimmte Größe zu setzen, um ein gezieltes Vergrößern des Formulars zu verhindern. Für die meisten iOS-/Mobilgeräte scheint diese Größe bei etwa 16 Pixeln zu liegen, obwohl dies wahrscheinlich von Gerät zu Gerät variieren würde.

input { 
    font-size: 16px; 
}