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
Detaillierte Erklärung der Kernkonzepte und der grundlegenden Verwendung von Vuex
Inhaltsverzeichnis einführen Start Installieren ①...
MySQL-Tutorial versteht gespeicherte Prozeduren gründlich
Inhaltsverzeichnis 1. Konzepte im Zusammenhang mi...
Interpretieren von MySQL-Client- und Serverprotokollen
Inhaltsverzeichnis MySQL-Client/Server-Protokoll ...
Analyse von Mysql-Datenmigrationsmethoden und -Tools
In diesem Artikel wird hauptsächlich die Analyse ...
Detaillierte Erklärung des Initialisierungsmechanismus in Bash
Bash-Initialisierungsdateien Interaktive Login-Sh...
So verwenden Sie den Linux-Befehl „more“ in allgemeinen Linux-Befehlen
more ist eines unserer am häufigsten verwendeten ...
SQL-Implementierung von LeetCode (181. Angestellte verdienen mehr als Manager)
[LeetCode] 181.Mitarbeiter verdienen mehr als ihr...
Ausführliches Installationstutorial für MySQL Installer Community 5.7.16
Dieser Artikel zeichnet das ausführliche Tutorial...
Beispielanalyse der Listen-Direktive in Nginx
Handlungsüberblick Im vorherigen Artikel haben wi...
Beispielcode zur Implementierung der Formularvalidierung mit reinem CSS
In unserem täglichen Geschäft ist die Formularval...
Vergleichen von Dokumentspeicherorten
<br />Ein toller Blogbeitrag von PPK vor zwe...
Detaillierte Erläuterung der Verwendung der Drag & Drop-Zoom-Komponente für Vue-Bilder
Die spezifische Verwendung der Drag & Drop-Zo...
Wie wählt man das perfekte Aloe Vera Gel aus? Perfektes Aloe Vera Gel – So erkennen Sie Echtheit und Fälschung
Die neueste Verpackungsschachtel für Perfect Aloe...
Drei Möglichkeiten zum Konfigurieren einer JNDI-Datenquelle in Tomcat
In meiner früheren Arbeit war der Entwicklungsser...
Schritte für IDEA zur Integration von Docker zur Realisierung einer Remote-Bereitstellung
1. Aktivieren Sie den Remotezugriff auf den Docke...