Wie können Medienabfragen für das Surface Pro 3 & 4 am besten geschrieben werden? in beiden Landschaften & Portrait Ansichten?Media Queries für Microsoft Surface Pro 3 und Surface Pro 4
Antwort
Der beste Weg wäre, Medienabfragen für bestimmte Geräte überhaupt nicht zu schreiben, sondern logische Stellen in Ihrem Design zu identifizieren, um Elemente zu falten oder entsprechend zu zerlegen, um Geräte beliebiger Breite zu berücksichtigen.
diesen Artikel für weitere Informationen siehe: Google Developers—How to Choose Breakpoints
In der Praxis sind die Auflösungen der beiden Geräte, die Sie sind 2160x1440 erwähnt (Surface Pro 3) und 2736x1824 (Surface Pro 4). Anstatt also diese vier Haltepunkte für Ihre Medienabfragen festzulegen, wäre ein logischer Ansatz das Entwerfen von "größer als 2000px", "zwischen 1200px und 2000px" und "unter 1200px" - der ersten Regel, die beide in Querformat erwähnten Geräte behandelt Modus (auch mit gängigen Desktop-Auflösungen), die zweite Regel behandelt beide Geräte im Hochformat (und viele andere gebräuchliche tragbare Geräte), und die letzte Regel Handhabung von Geräten aller Größen unter 1200px.
Dies ist nur eine Möglichkeit, das Problem anzugehen, ich würde empfehlen, dass Sie die gängigen Theorien hinter Responsive Design und Breakpoint-Auswahl genauer erforschen.
- 1. Microsoft Surface Pairing mit Iphone
- 2. Accelerometer Daten auf Windows Surface Pro mit Qt C++?
- 3. Android Surface und ScreenResolution
- 4. Implementieren Sie Gesten auf Microsoft Surface
- 5. Visual Studio Community 2015 verschwommen auf dem zweiten Monitor zu Surface Pro 4
- 6. Über HAXM in Windows 10 14393 auf My Surface Pro 4
- 7. Maßstabsgrenze für Matrix-Transformation für eine Microsoft Surface-Anwendung
- 8. Understanding Canvas und Surface-Konzepte
- 9. Wie programmiert man in Delphi für Microsoft Surface Pen?
- 10. Welches Designmuster für MS Surface Apps (WPF)?
- 11. Fehler android Surface
- 12. Verwendung von Sprache 2 Text in Microsoft Surface
- 13. Zeigt die Tastatur in einer Microsoft Surface-Anwendung
- 14. Verwenden Sie relativen Pfad in Microsoft Surface-Anwendung?
- 15. Surface aus dem Anwendungsstapel Entfernen
- 16. Android Surface verursacht Bildschirm flimmern
- 17. Kamera Tutorial für Android (mit Surface)
- 18. Media Queries für Portrait und Landscape
- 19. Umbraco Surface Controller oder RenderMvcController
- 20. @media queries und @viewport zoom
- 21. Surface :: setbuffersDimensions Log wird gespammt
- 22. WENIGER, Media Queries und Performance
- 23. Mysterious LogCat Nachricht Surface mit
- 24. Media Queries Größen
- 25. Plot Surface anstelle der parametrischen Kurve
- 26. Ersetzen der Attract-App in Surface v2
- 27. Media Queries für verschiedene Zoomstufen Browser
- 28. Wie Deaktivieren der Trägheit mit Surface SDK?
- 29. Python 3 gleichzeitige.Futures und pro-Thread-Initialisierung
- 30. CSS Media Queries und JavaScript Fensterbreite nicht
Dank @ian m. Ich benutze die üblichen 4 Breakpoints und verstehe, dass das Schreiben von Abfragen für bestimmte Geräte keineswegs eine Best Practice ist, aber in dieser Situation müssen wir jemanden beruhigen, der ein großer Microsoft Surface-Fan ist und gerne im Hochformat liest. Gibt es eine spezifischere Abfrage für die 3 und die 4, die Sie empfehlen können? – user2316544