Responsive Webdesign: User soll nicht zoomen dürfen
Frage von Gast | 27.12.2017 um 19:31
Ich habe meine Internetseite kürzlich responsive gemacht, indem ich alle Inhalte skalierbar designed und folgende Zeile in den Head meiner Seite hinzugefügt habe:
<meta name="viewport" content="initial-scale=1">
Auf meinem Smartphone wird die Website wie erwartet angezeigt, allerdings kann ich noch in die Seite hinein und heraus zoomen. Ich habe schon andere responsive Websites gesehen, wo dies irgendwie unterbunden wurde.
Wie kann ich auch bei meiner Seite verhindern, dass der Besucher zoomt? Muss man das mit JavaScript machen?
Ähnliche Themen
AskingBox wird Responsive
Blog | 0 Kommentare
Englisch: "a user" oder "an user"?
Frage | 1 Antwort
Linux: Eigene User-ID / UID / GID ermitteln
Frage | 1 Antwort
Ist das Liebeskummer oder was anderes?
Offene Frage | 1 Antwort
MySQL: CSV Export als automatischer Download
Tutorial | 1 Kommentar
Mobiler Smartphone Browser: Website wird viel zu klein dargestellt
Frage | 2 Antworten
Wichtiger Hinweis
Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.
Jetzt mitmachen
Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.
JavaScript brauchst du nicht, um das Zoomen auf deine responsive Website zu verhindern. Füge einfach "user-scalable=no" zu deiner viewport-Zeile oben hinzu:
Damit wird das zoomen verhindert.
Überlege aber genau, ob diese Einstellung wirklich Sinn macht und wie es die Nutzererfahrung verändert. Es gibt viele Seiten, bei denen würde ich gerne zum Beispiel in ein Bild hineinzoomen oder aus einer viel zu großen Tabelle heraus, was durch diese Eigenschaft verhindert wird.
27.12.2017 um 21:06