Wie kann ich bei meinen Medienabfragen auf das einzigartige Seitenverhältnis des iPhone 5 abzielen?

Rätsel bei der Medienabfrage beim iPhone 5

Für das iPhone 5 reicht die reguläre Abfrage nach der maximalen Gerätebreite nicht aus. Da das iPhone 5 über einen längeren Bildschirm verfügt, wird die mobile Ansicht komplett übersprungen.

Zur Anpassung sollten Sie in Betracht ziehen, das Seitenverhältnis des Geräts in Ihre Medienabfrage einzubeziehen. Interessanterweise beträgt das Seitenverhältnis des iPhone 5 nicht 16:9, sondern 40:71.

@media screen and (device-aspect-ratio: 40/71) {}

Auf diese Weise können Sie das iPhone 5 gezielt ansprechen und gleichzeitig andere iPhone-Modelle im Auge behalten:

iPhone < 5:
@media screen and (device-aspect-ratio: 2/3) {}

iPhone 6:
@media screen and (device-aspect-ratio: 375/667) {}

iPhone 6 Plus:
@media screen and (device-aspect-ratio: 16/9) {}

iPad:
@media screen and (device-aspect-ratio: 3/4) {}

Durch die Verwendung des Geräte-Seitenverhältnisses in Ihren Medienabfragen können Sie sicherstellen, dass sich Ihre Website problemlos an verschiedene iPhone-Modelle anpasst, einschließlich des breiteren iPhone 5 und seines einzigartigen Seitenverhältnis.

Das obige ist der detaillierte Inhalt vonWie kann ich bei meinen Medienabfragen auf das einzigartige Seitenverhältnis des iPhone 5 abzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!