Drei Möglichkeiten zur Erkennung von iPhone/iPad-Geräteorientierung_Javascript-Fähigkeiten

Meta-Tag „viewport“ verwenden

Das Viewport-Tag enthält die folgenden Attribute:



Um die Bildschirmbreite automatisch zu erkennen und anzupassen, geräteabhängig sollte stattdessen verwendet werden Anstatt einen festen Wert festzulegen, müssen Sie die maximale Skalierung festlegen, um zu verhindern, dass der Benutzer die Benutzeroberfläche über den Bildschirm hinaus skaliert.

Code kopieren Code wie folgt:

>

Javascript-Skript verwenden

Das folgende Skript erkennt die Ausrichtung und passt die Ausrichtung an, indem es die Bildschirmbreite erkennt:

Kopieren Sie den Code Der Code lautet wie folgt:

Oben Das Skript kann im Kopfbereich platziert werden

CSS verwenden

CSS-Medienabfrage verwenden:

Code kopieren Der Code lautet wie folgt: