Ich habe mich mit Medienabfragen befasst, aber bisher habe ich in allen Beispielen, die ich bei Google und Stack Overflow finde, bestimmte Größen verwendet (max-width, max-device-widthDas Problem dabei ist, dass ich nicht die Flexibilität habe, die ich brauche. Ich möchte Desktops und Tablets eine ** speziell auf sie zugeschnittene ** Erfahrung bieten können.

Der Grund, warum ich dies tun möchte, ist, dass die Interaktion mit einem Tablet anders ist als die Interaktion mit einem kleinen Computermonitor. Ein iPad im Querformat ist 1024 x 768, was auch eine übliche Größe für Computermonitore ist. Der Unterschied ist jedoch, dass es auf einem Computer einfach ist, mit der Maus auf kleine Steuerelemente zu zeigen, auf einem iPad ist es jedoch sehr schwierig, auf Steuerelemente gleicher Größe zu tippen, insbesondere für Personen mit großen oder unbeholfenen Fingern.

Wie kann ich einem iPad-Benutzer gegenüber einem Desktop-Benutzer mit einem Monitor der gleichen Größe eine maßgeschneiderte Erfahrung bieten? Ich möchte, dass das Desktop-Erlebnis nicht dazu gezwungen wird, Tasten in Jumbogröße zu verwenden, die für ein Touch-Erlebnis erforderlich sind.

Ist dies mit Medienanfragen oder etwas anderem möglich? Ich sehe, dass es eine "Handheld" -Option für Medienabfragen gibt, aber ich habe gelesen, dass die meisten kleinen Gerätebrowser dies ignorieren.