So deaktivieren Sie die Seitenvergrößerung in HTML5

In HTML5 können Sie das Vergrößern deaktivieren durch „<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">" .

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

HTML5 verbietet das Zoomen (Vergrößern und Verkleinern) von Mobiltelefonen

HTML5-Seiten Es wurde festgestellt, dass Benutzer standardmäßig die Seite vergrößern oder verkleinern dürfen, indem sie auf den Bildschirm doppelklicken. Das entspricht der Einstellung von

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

wie folgt. Wenn Sie das Zoomen deaktivieren möchten, ändern Sie einfach die entsprechenden Parameter des Meta-Tags im HTML:

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

Die Funktion dieses Meta-Tags besteht darin, die Breite des aktuellen Ansichtsfensters gleich zu machen an die Breite des Geräts angepasst werden und dem Benutzer kein manuelles Zoomen ermöglichen.

Wobei Maximum-Scale der maximal für den Benutzer zulässige Zoomwert ist, ist User-scalable, ob der Benutzer zoomen darf, Ja (Standard) bedeutet erlaubt, Nein (0) bedeutet nicht erlaubt, die Kombination der beiden kann verhindern die Seite wird nicht vergrößert (nach dem Testen wird der Effekt nicht erzielt, auch wenn ein Element fehlt)

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie die Seitenvergrößerung in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!