Ein paar Fragen zu Umsetzung eines Responsive Designs

Servus beisammen,

ich versuche mich gerade bei meinem ersten Projekt an responsive Design. Aber aktuell scheitere ich etwas an den Mediaquerys. Ich würde gerne iPhone4, 5 und iPad mittels Mediaquery abfangen. Am besten auch Landscape und Portrait.

CSS Files im Backend:

Code:

---

ipad-landscape @media (max-width:1024px) and (max-height:768px)
ipad-portrait @media (max-width:768px) and (max-height:1024px)
iphone4-landscape @media (max-height:320) and (max-width:480px)
iphone4-portrait @media (max-width:480px) and (max-width:320px)
iphone5-landscape @media (max-width:568px) and (max-height:320px)
iphone5-portrait @media (max-width:320px) and (max-height:568px)

---

Testen tu ich das Ganze unter http://www.responsinator.com/ (Sehr cooles Tool - Danke an die Forensuche ;) )

Allerdings mag das nicht so ganz wie gewünscht.

Wo ist der Fehler bzw. wie fange ich sowas geschickter ab?

Gruß
Frank

Hallo Frank,

schau doch nmal hier. Andreas hat da einige Beispiel dür Media Queries aufgeführt.
Media Queries - Nützliche Tipps & Tricks

Viele Grüße
Thomas

Ahh optimal. Vielen Dank!


Noch zwei Fragen.

1. Elemente die ich z.b. auf dem iPhone nicht haben will blende ich dort dann einfach via CSS aus oder?

2. Bilder....muss ich hier etwas spezielles beachten? Bisher hat es mir die Bilder immer korrekt skaliert. Gestern beim Testen allerdings nicht mehr ;). Habe aktuell aber keine öffentliche Testurl :(

Oh man ich komme mir wie ein Anfänger vor ;-)

Gruß

Hallo Frank,

zu 1) Schau Dir mal contentSelection an. Untert Contao 3 bekommst Du diese Erweiterung via Autoload-Creator zum laufen. Hat bei mir zumindest geklappt.

Gruß
Thomas

Zitat:

---

Testen tu ich das Ganze unter http://www.responsinator.com/ (Sehr cooles Tool - Danke an die Forensuche )

---

Ich habe das gerade mal ausprobiert. Auf dieser Seite wird meine Homepage nicht so angezeigt, wie auf meinem Androiden: auf letzerem ist alles ok.

Ist responsinator nur eingeschränkt brauchbar?

Gruß Georgi