Hallo zusammen
ich bin hier an einer momentan noch einfachen Landingpage als Teaser für die eigentliche Page dran.
Jetzt funktioniert soweit eigentlich alles ganz gut, ich will die Page aber für alle Bildschirmgrössen flexibel halten, weshalb ich bei den jeweiligen Breakpoints mit Media Queries die Schriftgrössen angepasst habe.
So weit so gut, das funktioniert bis zu einem gewissen view point und danach greifen die Media Queries irgendwie nicht mehr.
Ich wollte eigentlich bei Bildschirmgrössen unter 850px den Wrapper auf 100% stellen und die Inhalte auch Bildschirmfüllend skalieren. (90%)
Das funktioniert aber überhaupt nicht.
ich habe alle css @media only and (max-withxxx) richtig eingebunden, trotzdem greift das nicht.
Gibt es da irgend eine css die das verhindert ab einer gewissen Grösse?
Und die mobile Version scheint auch nicht zu greifen, dort sollte das genau gleich sein. Habe eine mobiles Seitenlayout erstellt und ein css für mobile und dieses fachgerecht eingebunden..:-) Sieht aber gar nicht gut aus auf einem iPhone.
Wenn ich im Seitenlayout die responsive css ausschalte wird zwar alles kleiner, aber das Logo verzieht sich und der Inhalt ist auch nicht Bildschirmfüllend.
Ich muss vielleicht noch sagen das ich beim Logo einen Hover Effekt mit zwei Bildern übereinander eingebaut habe, wo ich dem div die position relative und den Bildern die position absolut gegeben habe.
Damit der Nachfolgende Inhalt nicht unter die Bilder rutscht habe ich dem Bilder Div eine feste Höhe gegeben im em. Bei nachfolgenden Media Queries Stylesheets wo ich die Höhe verkleinern wollte, da der nachfolgende Inhalt sich zu weit von den Bildern entfernt, greift das aber auch nicht.
Sorry ich steh hier wohl auf einem dicken Schlauch..:-)
Falls sich jemand angesprochen fühlt und mir das Problem erläutern kann wäre ich sehr dankbar..
Die Page kann man hier ansehen:
http://gluecklichfestival.ch/index.p...valteaser.html
Lesezeichen