Ein mobiler adaptiver Webseiteneffekt löst das Problem der kleinen Anzeigeseite
|
Für die Arbeit muss ich einen adaptiven Webseiteneffekt für Mobiltelefone erstellen. Endlich ist es geschafft. Teilen und protokollieren Sie es zuerst! Tatsächlich besteht die Hauptsache darin, die Deklaration der HTML-Seite zu ändern: Fügen Sie der Webseite den folgenden Code hinzu und sie wird normal angezeigt: Code kopieren Der Code lautet wie folgt:<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0, benutzerdefiniert skalierbar=nein, Mindestmaßstab=1.0, Höchstmaßstab=1.0"/> erklären: width - die Breite des Ansichtsfensters Höhe - die Höhe des Ansichtsfensters initial-scale - die anfängliche Skala minimum-scale - der Mindestmaßstab, auf den der Benutzer zoomen darf maximum-scale - Der maximale Maßstab, bis zu dem der Benutzer zoomen darf user-scalable - ob der Benutzer manuell skalieren kann Zur Vereinfachung können Sie den obigen Code in den folgenden Code ändern, der Effekt ist der gleiche: Code kopieren Der Code lautet wie folgt:<meta content="width=Gerätebreite,Benutzerskalierbar=Nein" name="Ansichtsfenster"> Und schließlich: Legen Sie kein zu großes Breitenattribut fest. Wenn Sie beispielsweise das Attribut „Body width“ auf einer Webseite auf 1000 Pixel festlegen, ist das definitiv nicht akzeptabel. Sie können es jedoch auf 90 % festlegen, was bildschirmadaptiv ist. PS: Ich habe eine Effektseite erstellt, die ganz normal auf dem Handy angezeigt werden kann. |
<<: Detaillierte Analyse des Flex-Layouts in CSS3
>>: Zusammenfassung der verschiedenen Haltungen der MySQL-Berechtigungseskalation
Artikel empfehlen
Analyse des Prozesses zum Bereitstellen von Python-Anwendungen in Docker-Containern
Einfache Anwendungsbereitstellung 1. Verzeichniss...
Grafisches Tutorial zur Installation einer virtuellen VMware-Maschine unter Linux
In diesem Artikel werden die einzelnen Schritte d...
Detaillierte grafische Erläuterung der Mysql5.7.18-Installation und Master-Slave-Replikation
Installieren Sie mysql5.7.18 auf CentOS6.7 1. Ent...
So zeigen Sie in CocosCreator eine Textur an der Wischposition an
Inhaltsverzeichnis 1. Projektanforderungen 2. Dok...
Detaillierte Erklärung zum Ändern des Standardports von nginx
Finden Sie zunächst heraus, wo sich die Konfigura...
Wie verfolgt Vue Datenänderungen?
Inhaltsverzeichnis Hintergrund Beispiel Missverst...
10 HTML-Tabellen-bezogene Tags
Tatsächlich werden viele Leute sagen: „Ich habe ge...
So erstellen Sie einen Elastic-Stack-Cluster mit mehreren Knoten auf RHEL8/CentOS8
Elastic Stack, allgemein bekannt als ELK Stack, i...
MySQL Null kann 5 Probleme verursachen (alle schwerwiegend)
Inhaltsverzeichnis 1. Zähldaten gehen verloren Lö...
CSS zum Ändern der Größe (Breite, Höhe) des Bildes, wenn die Maus über den Bild-Hyperlink fährt
So ändern Sie den Bild-Hyperlink, wenn Sie mit der...
Erfahren Sie, wie Sie die Selbstüberwachung von Apache SkyWalking schnell aktivieren
1. Aktivieren Sie Prometheus-Telemetriedaten Stan...
Praktische Methode zum Löschen verknüpfter Tabellen in MySQL
In der MySQL-Datenbank können Tabellen, nachdem s...
Mysql SQL-Anweisungskommentare
Sie können MySQL-SQL-Anweisungen Kommentare hinzu...
So starten Sie ein Java-Programm im Docker
Erstellen Sie ein einfaches Spring Boot-Webprojek...
Zwei Lösungen für das Problem, dass MySQL in bedingten Anweisungen nur eine Information liest
Heute ist mein Kollege beim Schreiben von MySQL-A...