versuche mich gerade im respnosive Webdesign und teste die verschiedenen Bildschirmauflösungen im FireFox.
Erst ging alles wie gewünscht und da hakte es nur noch noch.
Momentan stehe ich vor dem Rätsel warum mein Layout Wechsel, den ich so einleite in meiner CSS-Datei:
@media all and (max-width: 1334px) {
bla
}
schon bei einer Breite von 1456px stattfindet.
Vor allem, es lief erst alles, dann wollte ich eine zweit Stufe einbauen. Mit der zweiten Stufe wurde das Verhalten vom FF unberechenbar
@media all and (max-width: 1120px) {
bla
}
Obwohl die zweite Stufe erst noch leer war reagierte die erste Stufe seltsam, dann die zweite Stufte wieder gelöscht, alles wieder normal, wieder eingebaut, alles Quark. Aber jetzt ist es durchgehend seltsam.
Ich hab dann ein paar mal die Chronik gelöscht, sogar noch den Cache geleert, ohne Effekt.
Habe jetzt zum Schluss für Spass mal @media auf 1600 gestellt, der Layout Wechsel findet jetzt bei 1746px Breite statt.
Wird dir ohne weitere Details niemand beantworten können. Bevor du jetzt hier aber lange Code-Blöcke postest oder Seiten verlinkst, denke daran, das Problem soweit herunterzubrechen, dass potenzielle Hilfesteller es unmittelbar erfassen können. Das erhöht die Chance auf zielführende Antworten ungemein.
Für das Verständnis von Responsive Design bietet es sich an, die Basics an möglichst simplen Beispielseiten mit wenig CSS Code zu erlernen. Zu den Grundlagen gehören Begriffe wie Graceful Degradation und Progressive Enhancement, sowie Frameworks mit Grid Layout wie Bootstrap und Foundation. Außerdem werden Breakpoints bei Media Queries nicht willkürlich gesetzt, sondern sollten sich an Auflösungen für Smartphones, Tablets und PC Displays orientieren.
