CSS responsives Design

[Gunnar Bittersmann]

@@mixmastertobsi

Nun habe ich mich etwas eingelesen, allerdings keine wirkliche Lösung gefunden, weil es ja schon Probleme mit der Pixeldichte gibt.

Nein, die macht keine Probleme. Auf hochauflösenden Displays sieht’s einfach schärfer aus, das ist es. CSS-Pixel sind auf allen Geräten etwa gleich groß. Und was anderes als Device-Pixel.

Auf welche Breite würde ich hier nun idealerweise optimieren, um damit die meisten Smartphones anzusprechen?

Auf gar keine!!

Von Cheatahs Kalauer abgesehen, geht das gar nicht. Bei iOS-Geräten mag die Landschaft hinsichtlich unterschiedlicher Viewportgrößen ja noch übersichtlich sein; bei Android-Geräten ist sie das nicht.

Und selbst wenn du heute Geräte mit dreiundzwölfzig Pixeln häufig antriffst, sieht die Landschaft morgen schon wieder ganz anders aus. Willst du dann dein Stylesheet umschreiben?

Gestalte dein Layout so, dass bei allen Breiten vernünftig aussieht! Setze Breakpoints dort, wo es der Inhalt erfordert …

@media (min-width: XXXpx) {

… und nicht in px, sondern in em!

LLAP