Lösung für das Problem der großen Schriftgröße auf iPhone-Geräten in WAP-Seiten

Lösung für das Problem der großen Schriftgröße auf iPhone-Geräten in WAP-Seiten
Wenn Sie keine Javascript-Steuerung verwenden möchten, versuchen Sie die folgende Methode

Der Safari-Browser basiert auf dem WebKit-Kernel, daher ist dieser Satz aus semantischer Sicht leicht zu verstehen

Code kopieren
Der Code lautet wie folgt:

@media-Bildschirm und (max-device-width: 640px){body{-webkit-text-size-adjust:none;}}

body kann durch jeden beliebigen Container ersetzt werden

Die Bildschirmbreite des iPhone 4 beträgt 640 Pixel. Wenn Sie also ein iPhone 5 haben, beträgt die Bildschirmbreite 800 Pixel. Der entsprechende Wert des Stils kann ebenfalls geändert werden.

<<:  Analyse der Prinzipien verschiedener Möglichkeiten zur Nachahmung des Lupeneffekts in CSS3

>>:  Spezifische Verwendung von MySQL-Fensterfunktionen

Artikel empfehlen

js implementiert Tabellen-Drag-Optionen

In diesem Artikelbeispiel wird der spezifische JS...

Echtzeitaktualisierung einer langen Verbindung auf der Vue+WebSocket-Seite

In letzter Zeit muss das Vue-Projekt die Daten in...

JS-Funktionsaufruf, Anwenden und Binden einer superdetaillierten Methode

Inhaltsverzeichnis JS-Funktionsaufruf, Apply- und...

Detaillierte Erklärung der allgemeinen Verwendung von MySQL-Abfragebedingungen

Dieser Artikel veranschaulicht anhand von Beispie...

Tutorial zur kostenlosen Konfiguration der MySQL 5.7.18-Installationsversion

Installations-Tutorial zur kostenlosen Installati...

Erläuterung der Array-Verarbeitung in React und Redux

Dieser Artikel stellt einige häufig verwendete Fu...

Vue Shuttle-Box ermöglicht Auf- und Abbewegung

In diesem Artikelbeispiel wird der spezifische Co...

Drei häufig verwendete MySQL-Datentypen

Das Definieren des Datenfeldtyps in MySQL ist für...

JavaScript implementiert Konstellationsabfragefunktion mit detailliertem Code

Inhaltsverzeichnis 1. Titel 2. Code 3. Ergebnisse...

Verwendung von Kubernetes YAML-Dateien

Inhaltsverzeichnis 01 Einführung in YAML-Dateien ...

Implementierungsschritte zum Erstellen mehrseitiger Programme mit Webpack

Es ist sehr üblich, webpack zum Erstellen einseit...