Ein an Mobilgeräte anpassbarer Webseiteneffekt löst das Problem der Erstellung kleiner Anzeigeseiten_HTML/Xhtml_Webseiten

Für geschäftliche Zwecke muss ich einen Webseiteneffekt erstellen, der sich an Mobiltelefone anpasst. Ich habe ihn endlich verstanden, teile ihn und zeichne ihn zuerst auf!

Tatsächlich besteht die Hauptsache darin, die HTML-Seitendeklaration zu ändern:

Fügen Sie den folgenden Code zur Webseite hinzu, und sie wird normal angezeigt:

Code kopieren

Der Code lautet wie folgt:

Erklärung:

width – die Breite des Ansichtsfensters
Höhe – die Höhe des Ansichtsfensters
Anfangsmaßstab – das anfängliche Skalierungsverhältnis
Minimalmaßstab – der minimale Maßstab, auf den der Benutzer zoomen darf
Maximalmaßstab – das Maximum Skalierung, auf die der Benutzer zoomen darf
Benutzerskalierbar – ob der Benutzer manuell zoomen 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:

Das Letzte ist, das spezifische Breitenattribut nicht zu groß einzustellen. Wenn Sie beispielsweise das Breitenattribut von festlegen Wenn Sie den Body auf der Webseite auf 1000 Pixel einstellen, wird dies definitiv nicht funktionieren, aber Sie können ihn auf 90 % einstellen, was bildschirmadaptiv ist.

PS: Ich habe eine Effektseite erstellt, die ganz normal auf einem Mobiltelefon angezeigt werden kann.