Deaktivieren Sie die erste zoom beim betrachten einer Seite mit mobile
Gibt es eine Möglichkeit zum deaktivieren das erste zoom-bekommen Sie beim betrachten einer Seite mit Ihrem smartphone?
Möchte ich nicht deaktivieren, zoom, ich möchte nur die Benutzer anzeigen, um die gesamte Seite (=> Breite) beim laden und nicht nur ein kleines Rechteck.
Ich habe versucht, mehrere Lösungen vorgeschlagen, die von anderen, aber keiner von Ihnen arbeitete für mich.
- Um zu vermeiden, Menschen, die darauf hindeutet, Dinge, die Sie bereits versucht haben, können Sie sagen, was Sie versucht und hat nicht funktioniert?
- Ich erinnere mich nicht an alle, aber Sie waren viele. Nur sehen die Antworten wie ich nicht erwarten, dass die meisten von Ihnen zu arbeiten...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Okay, gut, das war leicht. Ich leicht gezwickt eine Lösung, die ich gefunden von Google. Hier ist der einzige code, der bei mir funktioniert:
Setzt es den Standard-zoom auf 960px (ändern Sie die Breite der Seite) und immer noch erlaubt dem Benutzer zoom in/out.
EDIT: wie Es aussieht ist es erlaubt das Zoomen auf die Standard-Internet-Browser (SGS4) aber es deaktiviert die zoom bei der Verwendung von Google Chrome.
Versuchen dies zu der
head
des Dokuments:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes", target-densitydpi=device-dpi />
Wo
initial-scale
ist, wie viel Sie wollen, es zu sein, zunächstmaximum-scale
ist, wie viel der Benutzer ist in der Lage, um zu vergrößern, unduser-scalable
ist, ob oder nicht Sie sind erlaubt, um zu Zoomen.Die
target-densitydpi=device-dpi
ist erforderlich für mobile Geräte mit einer hohen dpi (oder Auflösung) wie das Samsung Galaxy S4 aber es wird Hinzugefügt, um das Ende der meta-denn Geräte wie das iPhone erkennt Sie nicht.Ich noch nicht getestet, mich auf ein SGS4, weil ich selber nicht ein, aber wenn Sie wollen, werden bestimmte auf der ersten Skala des Gerätes, können versuchen, hinzufügen von
media="(device-width: 480px) and (device-height: 800px)"
nachuser-scalable
wo480px
ist die viewport-Breite auf die SGS4 und die800px
ist die viewport-Höhe des SGS4.So sollte es Aussehen:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes", media="(device-width: 480px) and (device-height: 800px)", target-densitydpi=device-dpi />
width: 100%
? Auch versuchen Sie, senken Sie dieinitial-scale
etwas niedriger wieintial-scale=0.8
oder sointial-scale=0.8
oder so?Fügen Sie diese zu Ihrem Kopf
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Lesen Sie hier: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag