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

Schöner Kontrollkästchenstil (Feld für Mehrfachauswahl), perfekt kompatibel mit IE8/9/10, FF usw.

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

Schöner Kontrollkästchenstil (Feld für Mehrfachauswahl), perfekt kompatibel mit IE8/9/10, FF usw.

Lösen Sie das Problem der Ausführung von „Hello World“ nach der Docker-Installation

Centos7-Konfiguration, Fastdfs und Analyse des Implementierungsprozesses des verteilten Dateispeichersystems Nginx

Einige „Fallstricke“ beim Upgrade der MySQL-Datenbank

MySQL Serie 14 MySQL Hochverfügbarkeitsimplementierung

So erstellen Sie eine my.ini-Datei im MySQL 5.7.19-Installationsverzeichnis

So erstellen Sie einen Redis-Cluster mit Docker

Zusammenfassung häufig verwendeter CSS-Kapselungsmethoden

Angular Dependency Injection erklärt

Implementierungsmethode für die Datenspeicherung im WeChat-Applet

Artikel empfehlen

Vue + Element dynamische Mehrfachheader und dynamische Slots

Vuex implementiert einen einfachen Einkaufswagen

So implementieren Sie https mit Nginx und OpenSSL

Detaillierte Erklärung, wie Sie das automatische Beenden des Docker-Containers verhindern können

Vue implementiert Tab-Beschriftung (Beschriftung übertrifft automatisches Scrollen)

Ein Artikel, der Ihnen zeigt, wie Sie Vue-Komponenten erstellen und verwenden

Tutorial zur Verwendung von Profilen in MySQL

Lösung für Vues Unfähigkeit, Array-Änderungen zu beobachten

Detaillierte Erklärung der Eigenschaften und Funktionen von Vuex

Implementierung des Docker-CPU-Limits

Detaillierte Erläuterung zur Lösung des Zirkelreferenzproblems bei der Verwendung von JSON.stringify

HTML-Grundlagen - Pflichtlektüre - Umfassendes Verständnis von CSS-Stylesheets

Implementierungsschritte zur Installation eines FTP-Servers in Ubuntu 14.04

Zusammenfassung einiger kleinerer Probleme mit der MySQL-Autoinkrement-ID

32 typische spalten-/rasterbasierte Websites