Frage Standard Media Query's für responsive/Bootstrap?

[mrpaule]

Hallo,
ich habe einmal eine Frage zu dem Media Querys beim responsive Layout.
Sicherlich findet man im Web diverse MQ als Beispiele, nur oftmals sind die Artikel etwas veraltet.
Mein Smartphone von diesem Jahr hat z.B. eine Displaygröße von 1080 x 1920 Pixel - exakt die selbe, wir an meinem Windows 8 PC.
Ich meine damit, dass die neuen "Mobile Devices" inzwischen Auflösungen aufweisen, wie viele am PC.

Während ich am PC-Browser jedoch die Grids der Webseite gerne nebeneinander dargestellt haben möchte, sollen sich diese am Smartphone schön untereinander anordnen.

Wenn mein "größtest" MQ also wäre:
@media (min-device-width:992px) and (max-device-width:1199px)
erreiche ich selbst damit mein Smarthone nicht, da dieses > 1199px

... oder habe ich da einen Denkfehler?
Gibt es (modern) angepasste MQ-Vorlagen?

Danke & Grüße

 

[Tronjer]

.. oder habe ich da einen Denkfehler?

Ruf die Bootstrap Seite mal auf dem Handy auf.

Bei Mobile Devices mit hohen Auflösungen werden Pixel interpoliert (device-pixel-ratio). Ansonsten wäre die Darstellung auf deinem Smartphone in Full HD so winzig, dass du kaum noch etwas lesen könntest.