CSS -Medienabfragen funktionieren nicht für neuere iPad -ModelleIOS

Programmierung für iOS
Anonymous
 CSS -Medienabfragen funktionieren nicht für neuere iPad -Modelle

Post by Anonymous »

Ich arbeite an einer Webanwendung, die nur auf Desktop + iPad ausgeführt werden muss (keine kleinen Tablets oder Telefone). Ich schrieb eine Medienabfrage, die Geräte mit einer Minute von 768px und einer maximalen Breite von 1023px übernimmt. Wenn ein Gerät breiter als 1023px ist, sollten alle Elemente in seiner normalen Größe rendern. Ich kann nicht herausfinden, warum dies geschieht-gibt es etwas, das mir anhand von Medienabfragen fehlt?

Code: Select all

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px)

Außerdem verwende ich JavaScript, um festzustellen, ob sich ein Benutzer auf einem iPad befindet, oder nicht, damit ich die HOVER/Klick -Funktion entsprechend festlegen kann:

Code: Select all

// Determine if user is on iPad or not
let isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
Mein Kollege schlug vor, dass eine Lösung darin besteht, die Bildschirmgröße der Benutzer zu erhalten. Wenn sie größer als 1023px ist, setzen>

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post