Heim > Web-Frontend > H5-Tutorial > Hauptteil

So implementieren Sie die Seitenskalierung auf Mobiltelefonen in h5

php中世界最好的语言
Freigeben: 2018-01-29 10:08:59
Original
5132 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie die Seitenskalierung auf dem Mobiltelefon in h5 implementieren. Was sind die Vorsichtsmaßnahmen für die Skalierung der Seite auf dem Mobiltelefon in h5? Schauen Sie mal rein.

Normalerweise stellen wir beim Schreiben einer HTML5-Mobilseite fest, dass das Verhältnis der auf der Seite angezeigten Elemente falsch ist. Dann müssen wir zu diesem Zeitpunkt Folgendes hinzufügen:

<meta name="viewport" content="width=device-width,initial-scale=1">
Nach dem Login kopieren

Oder

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-
Nach dem Login kopieren

Dann erklären wir diesen Satz:

Ansichtsfenster: stellt das Anzeigefenster dar;

width=device-width, initial-scale= 1,0: Zeigt an, dass die Breite des Anzeigefensters der Bildschirmbreite des Geräts entspricht. Anfangsskalierung = 1,0, d. h. das anfängliche Skalierungsverhältnis beträgt 1,0 Skalierungsverhältnis

maximum: Gibt das maximal zulässige Verhältnis zum Zoomen an

Benutzer-

skalierbar

ble: Gibt an, ob der Benutzer die Seite zoomen darf, der Wert kann „Ja“ sein oder neinBeispielproblem:

Phänomene:

Wenn der Benutzer auf das Eingabefeld klickt, um Text auf der mobilen Seite zu bearbeiten, wird die Seite automatisch vergrößert

Lösung:

Fügen Sie

in das Tag head

> ein oder erlauben Sie Benutzern nicht, die Seite zu zoomen. Benutzerskalierbar = Nein
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
Nach dem Login kopieren

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website

Andere

verwandte Artikel! Verwandte Lektüre:

So verwenden Sie das Title-Attribut von HTML, um Text beim Bewegen der Maus anzuzeigen


Das Cellpadding-Attribut von HTML ist dasselbe wie „So verwenden Sie das Attribut „Cellspacing“


So lösen Sie die inkonsistente Anzeige der Cursorgröße im Eingabefeld

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Seitenskalierung auf Mobiltelefonen in h5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage