Hallo.
Ich erstelle gerade meine Erste Website mit CONTAO 3.1.3 und möchte die Website natürlich auch auf dem iPhone, iPad hübsch aussehen lassen.
Dazu habe ich mal eine Test-mobile Seite in meiner CONTAO Installation erstellt. Dieser Seite hab ich dann ein Mobiles Layout zugewiesen wo ich als Framework den Layout Builder angeklickt habe. Header Höhe und die Breite der rechten Spalte sind in PX angegeben. Eine feste Breite hab ich der Seite nicht mitgegeben.
In dem Layout hab ich ein Stylesheet, wo ich dann bei Media queries folgendes eingetragen hab:
Code:
/* iPhone & iPod */
@media only screen and (max-device-width: 480px) and (orientation:landscape), only screen and (max-device-width: 320px) and (orientation:portrait) { }
/* iPad */
@media only screen and (max-device-width: 768px) and (orientation:portrait), only screen and (max-device-width: 1024px) and (orientation:landscape) { }
Wenn ich die Seite nun aufrufe, wird zwar alles hübsch skaliert, doch werden teilweise Styles nicht erkannt bzw. angewendet.
Das Body Hintergrundbild ist da, aber bei farbigen Hintergründen und Schriftformatierungen z.B. beim Menü werden die CSS Anweisungen einfach ignoriert.
Zu sehen ist das ganze unter: http://www.kitesurfwaveclinic.com/test-mobile.html
Woran kann das liegen?
Vielleicht hab ich auch einen Denkfehler in der ganzen Vorgehensweise...
Würde mich über einen Tip sehr freuen.
Mfg, leooo
Lesezeichen