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
JavaScript-Komposition und Vererbung erklärt
Inhaltsverzeichnis 1. Einleitung 2. Vererbung der...
Der Excel-Export schlägt in der Docker-Umgebung immer fehl
Der Excel-Export schlägt in der Docker-Umgebung i...
Detaillierte Erläuterung der Kommunikation zwischen nicht übergeordneten und untergeordneten Komponenten in Vue3
Inhaltsverzeichnis Erste Methode App.vue Startsei...
Der Tabellenkörper in HTML kann nach oben und unten sowie nach links und rechts verschoben werden.
Wenn der Tabellenkopf fixiert ist, muss er in zwe...
Mysql-Fehler: Lösung für zu viele Verbindungen
Zu viele Verbindungen zur MySQL-Datenbank Dieser ...
Eine kurze Analyse, wie MySQL die Transaktionsisolierung implementiert
Inhaltsverzeichnis 1. Einleitung 2. RC- und RR-Is...
Detaillierte Erklärung der Kommunikation zwischen hierarchisch verschachtelten Komponenten in der Vue-Frontend-Entwicklung
Inhaltsverzeichnis Vorwort Beispiel Zusammenfassu...
Vue: Detaillierte Erklärung von Speicherlecks
Was ist ein Speicherleck? Ein Speicherleck bedeut...
Implementierung der Codeaufteilung von Webpack3+React16
Projekthintergrund Seit kurzem gibt es ein Projek...
Centos7-Startvorgang und Nginx-Startkonfiguration in Systemd
Centos7-Startvorgang: 1.post (Selbsttest beim Ein...
Detaillierte Erläuterung der Destrukturierungszuweisung von JS ES6-Variablen
Inhaltsverzeichnis 1. Was ist Dekonstruktion? 2. ...
HTML-, CSS- und JS-Kompatibilitätsbaum (IE, Firefox, Chrome)
Was ist ein Baum im Webdesign? Einfach ausgedrückt...
js implementiert einen einzigen Klick zum Ändern der Tabelle
Pure js implementiert eine mit einem Klick bearbe...
Eine Frage zur Einstellung des Randradius-Werts
Problemdatensatz Heute wollte ich ein kleines Bau...
Das kreativste 404-Seitendesign der Geschichte verbessert effektiv das Benutzererlebnis der Website
Beim Surfen im Internet stoßen wir nicht oft auf ...