So passen Sie Bootstrap an die Bildschirmgröße Ihres Mobiltelefons an

Empfohlene Tutorials: Bootstrap-Tutorial

Um die von Bootstrap entwickelte Website zu erstellen Geeignet für mobile Geräte. Freundlich. Um eine ordnungsgemäße Darstellung und Skalierung des Touchscreens sicherzustellen, müssen Sie das Viewport-Meta-Tag im Kopf der Webseite hinzufügen, wie unten gezeigt:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

　width Attribut steuert die Breite des Geräts. Vorausgesetzt, dass Ihre Website von Geräten mit unterschiedlichen Bildschirmauflösungen angezeigt wird, stellt die Einstellung auf Gerätebreite sicher, dass sie auf verschiedenen Geräten korrekt gerendert wird.

　initial-scale=1.0 Stellen Sie sicher, dass die Webseite beim Laden im Verhältnis 1:1 ohne Skalierung gerendert wird.

In mobilen Browsern kann das Zoomen deaktiviert werden, indem user-scalable=no zur Tag-Funktion viewport meta hinzugefügt wird.

Typischerweise wird maximum-scale=1.0 zusammen mit user-scalable=no verwendet. Durch Deaktivieren des Zooms können Benutzer nur scrollen, sodass Ihre Website eher wie eine native App aussieht.

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

Ursprüngliche Artikeladresse: https://www.cnblogs.com/wang3680/p/1fba762fb916d0189047085d9e14c117.html

Das obige ist der detaillierte Inhalt vonSo passen Sie Bootstrap an die Bildschirmgröße Ihres Mobiltelefons an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!