Deaktivieren der Zoomfunktion für touch-Geräte in der bootstrap-framework

Ich bin mit twitter bootstrap Rahmen. Ich möchte zu deaktivieren, Zoomen Sie in touch-Geräte. Ich habe bereits verwendet 

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

diese. Ohne bootstrap-framework und kann ich verhindern das Zoomen in touch-Geräte, aber mit Rahmen hab ich nicht. So gibt es workarounds, das zu tun.

Vielen Dank im Voraus.

  • Haben Sie eine live-demo? Welche Plattformen haben Sie getestet? Tut das entfernen von Bootstrap-CSS um das Problem zu beheben?
  • Sie haben wahrscheinlich mehrere viewport-meta-tags im markup...
  • Damian Frizzi: Du hast Recht ...es sind zwei meta-tags, die Tötung der Funktionalität...danke
  • Haben Sie und iframes auf der Seite?
InformationsquelleAutor Dipen Dedania | 2013-12-19
  1. 12

    Schreiben Sie Folgenden code, deaktivieren die Handy-zoom-deaktivieren Sie andy auch deaktivieren, für die Fokussierung auf die Eingabe

    HTML:

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

    InformationsquelleAutor Ankit Kothari
  2. 6

    Wenn man sich die Bootstrap-Dokumentation, Sie haben gesagt, dass, um zu deaktivieren, Zoomen, müssen Sie den folgenden meta-tag zwischen geöffnet und geschlossen, Kopf tags:

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    • Tippfehler in der Benachrichtigung?
    • wie kann ich es auf dem asp. content-Seite ? kann ich es im code-behind-Seite, wie.MetaKeywords ?
    InformationsquelleAutor jmosawy
  3. 1

    Als die anderen Jungs erwähnt und auch finden Sie in der Bootstrap-Dokumentation in http://getbootstrap.com/css/#overview-mobile hier ist die Lösung

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    InformationsquelleAutor Mehdi Shahamirian
  4. 1

    Jungs vielen Dank für die Antworten. Eigentlich war es mein dummer Fehler. Ich hatte mehrere metas in der Seite und das war das problem verursacht. Unter code soll für alle arbeiten.

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    • Einige der anderen Antworten auch dein problem gelöst.
    InformationsquelleAutor Dipen Dedania
Schreibe einen Kommentar