Implementierungscode zur automatischen Anpassung der Breite der Webseite an die Breite des Handy-Bildschirms (Viewport)

Die allgemeine Schreibweise ist wie folgt:

XML/HTML-CodeInhalt in die Zwischenablage kopieren

< Meta Name = "Ansichtsfenster" Inhalt = "Anfangsmaßstab=1,0" >

Weitere Möglichkeiten zum Schreiben:

XML/HTML-CodeInhalt in die Zwischenablage kopieren

1. < Meta Name = "Ansichtsfenster" Inhalt = "Breite=Gerätebreite, Anfangsmaßstab=1,0, Mindestmaßstab=0,5, Höchstmaßstab=2,0, benutzerdefiniert skalierbar=ja" />

Durch Einfügen des obigen Satzes in den <head> einer Webseite wird die Breite der Webseite automatisch an die Breite des Mobiltelefonbildschirms angepasst.
In:

width=device-width: Gibt an, dass die Breite die Breite des Gerätebildschirms ist
initial-scale=1.0: gibt das anfängliche Skalierungsverhältnis an
minimum-scale=0.5: gibt das minimale Zoomverhältnis an
maximum-scale=2.0: gibt das maximale Zoomverhältnis an
user-scalable=yes: Gibt an, ob der Benutzer das Zoomverhältnis anpassen kann

Wenn Sie die Webseite öffnen möchten, wird sie automatisch in ihren ursprünglichen Proportionen angezeigt und kann von Benutzern nicht geändert werden. Gehen Sie dann wie folgt vor:

Code kopieren

Der Code lautet wie folgt:

Nachdem Sie auf diese Weise geschrieben haben, können Sie die Breite einiger Kopfzeilenbanner und anderer Bilder auf style="width:100%" einstellen, und die gesamte Seite wird auf dem Gerät im Vollbildmodus angezeigt.

<<: So legen Sie die Höhe des automatisch angepassten Textbereichs in Element UI fest

>>: Probleme mit der Rancher-Bereitstellung und dem Importieren von K8S-Clustern

Grafisches Tutorial zur Installation von JDK1.8 unter CentOS7.4

Implementierungscode zur automatischen Anpassung der Breite der Webseite an die Breite des Handy-Bildschirms (Viewport)

Grafisches Tutorial zur Installation von JDK1.8 unter CentOS7.4

Detaillierte Erklärung zur Installation und vollständigen Deinstallation von MySQL mit apt-get unter Ubuntu

Detailliertes Tutorial zur Installation von mysql-8.0.20 unter Linux

Erste Schritte mit benutzerdefinierten Anweisungen in Vue 3.0

33 der besten kostenlosen englischen Schriftarten geteilt

Detaillierte Beispiele für die Ausführung von Zabbix-Remotebefehlen

MySQL 5.7.17 neuestes Installationstutorial mit Bildern und Text

Vue führt eine Überprüfung durch, ob der Benutzername verfügbar ist

SQL-Implementierung von LeetCode (177. N-höchstes Gehalt)

Verwenden von Keras zur Beurteilung von SQL-Injection-Angriffen (Beispielerklärung)

Artikel empfehlen

Vue-Projekt implementiert Löschfunktion durch Wischen nach links (vollständiger Code)

Docker-Container kommunizieren direkt über Routing, um Netzwerkkommunikation zu erreichen

Analyse der Implementierungsschritte für die Docker-Containerverbindung

Beispielanalyse langsamer MySQL-Abfragevorgänge [Aktivieren, Testen, Bestätigen usw.]

Was sind die Unterschiede zwischen xHTML- und HTML-Tags?

Detaillierte Erklärung der Angular-Komponentenprojektion

Detailliertes Beispiel zur Verwendung der distinct-Methode in MySQL

Eine Minute, um die Laufruhe von HTML+Vue+Element-UI zu erleben

So installieren Sie eine PHP7 + Nginx-Umgebung unter CentOS6.6

Aufbau der Angular-Umgebung und einfache Erfahrungszusammenfassung

Tutorial zur Installation und Konfiguration der Linux CentOS MySQL-Datenbank

Einige Vorschläge zur Verbesserung der Nginx-Leistung

Konfigurieren Sie ein Implementierungsbeispiel für den Mysql-Master-Slave-Dienst

JavaScript implementiert die Eingabeüberprüfung im Kennwortfeld

Detaillierte Erläuterung der Vue Simple Notepad-Entwicklung