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
Lesezeichen