Programmiererforum

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

// Determine if user is on iPad or not
let isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

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]@media only screen and (min-device-width: 768px) and (max-device-width: 1023px)[/code]
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]// Determine if user is on iPad or not
let isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
[/code]
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>