Separates Einbinden von internen Stylsheets funktioniert nicht
Hallo zusammen,
ich habe zwei existierende Seitenlayouts. Seitenlayout (standard) und Seitenlayout (mobil). Diesen habe ich entsprechend interne stylesheets (standard.css) und (responsive.css) zugewiesen.
Ich habe natürlich die standard.css kopiert und diese in responsive umbenannt und anschließend innerhalb der responsiv.css die CSS-Anweisungen geändert.
Ferner habe ich ein entsprechende media query (max-width: 767px) für die responsive.css angelegt.
Damit das aber funktioniert, muss ich jedem der beiden Seitenlayouts alle beide css-Dateien zuweisen. Ich dachte bisher, dass das so funktioniert, dass ich eben dem Standardlayout die standard.css zuweise und dem Seitenlayout(mobil) die responsive.css.
Kann mir jemand sagen, warum das so nicht funktioniert? Oder ist das normal?
Liste der Anhänge anzeigen (Anzahl: 1)
Zitat:
Zitat von
tab
Außer natürlich, dein Browserfenster (eigentlich Viewport) ist breiter als 767px, dann greift ja das responsiv.css nicht, außer du hast das media query direkt im Stylesheet responsiv.css nur für die Styles gemacht, die sich bei Breite <= 767px ändern.
Ja genau so habe ich es definiert. siehe Anlage