02 Stimmen

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?

AntwortenPositivNegativ
1Beste Antwort1 Stimme

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:

<meta name="viewport" content="initial-scale=1, user-scalable=no">

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

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

AskingBox wird Responsive

Blog | 0 Kommentare

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.