Responsive Design: Welche Auflösungen?

[Gunnar Bittersmann]

@@Skraps:

nuqneH

Aber da ist direkt das nächste Problem. Das iPad(3.Gen) hat eine Auflösung von 2048x1536px

Du musst zwischen Device-Pixeln und CSS-Pixeln unterscheiden. Für …-width-Media-Querys sind CSS-Pixel relevant.

Wie setzt ihr sowas um?

Sinnvoll ist es wohl, die Breakpoints nicht anhand von Geräten festzumachen, sondern anhand des Layouts. “[B]reakpoints should be defined by ‘when it looks appropriate’ rather than conforming to device dimensions, which date very, very quickly.” – E.J. Stocks (Quelle)

Qapla'