CSS-Medienabfragen für Handheld- und nicht kleine Browserbildschirme

Question

In den modernen Tagen von Hi-Resolution-Handhelds ist es möglich, Handheld mit CSS-Medienabfragen nur zu erkennen und nicht durch Auflösung? Ich möchte hier nicht nur auf iPads zielen, wie einige andere Fragen. Ich möchte sicher sein, dass ich einen Handheld-Browser oder einen Desktop-Browser verwende, damit der Nutzer mobile CSS auf hochauflösenden Tablets sieht und das mobile Layout nicht sieht wenn er die Größe des Browserfensters ändert. Ist das nur mit CSS möglich?

Answer 1

Sie verwenden es zum Beispiel wie diese

@media handheld and (min-width: 700px) and (orientation: landscape) { ... } 

Src: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

anzumerken, leider viele „Handheld“ dann immer noch nicht wählen diese Art, so dass Sie diejenigen individuell eingegangen werden muss .

Weitere Hilfe: Detect if a browser in a mobile device (iOS/Android phone/tablet) is used