Die mobile HTML5-Seite kann nach rechts verschoben werden, wodurch der Stil beeinträchtigt wird.

Ich habe festgestellt, dass die von mir geschriebene H5-Seite auf dem Mobiltelefon nach rechts verschoben werden kann, was zu Problemen mit dem Stil ~ führt

Fügen Sie den folgenden Inhalt im HTML-Kopf hinzu:

 <meta name=viewport content=width=device-width,initial-scale=1.0, user-scalable=no> 

1. width=device-width bedeutet, dass die Seitenbreite der Breite des Geräts entspricht
2. initial-scale=1.0 bedeutet, dass die anfängliche Seitenbreite dem 1-fachen der Gerätebreite entspricht
3. user-scalable=no bedeutet, dass es nicht geändert werden kann

Nachdem ich die obige Konfiguration durchgeführt hatte, wurde mein Problem nicht gelöst. Bei der Überprüfung der Elemente stellte ich fest, dass die Breite der Elemente (violetter Teil) auf meiner Seite die Gerätebreite überschritt, was dazu führte, dass die Seite verschob.

Nachdem das CSS des zu breiten Elements geändert wurde, wurde das Problem gelöst.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.