Media Query einbinden

Hallo zusammen,
ich versuche gerade krampfhaft testweise zwei Layouts ein zu binden. Ganz simpel unter 1200 px und über 1200 px.
EIgenschaften des css gewählt und unter media query verschiedenes probiert:
@media only screen and (min-width: 1200px)
min-width: 1200px
min-width: 1200px;
(min-width: 1200px)
Das zweite css halt mit max...
Nur sobald ich irgendwas in die Media Query Zeile in den css EIgenschaften eingebe, wird das css abgeschaltet.
Wie binde ich das media Query ein? Google bringt mich nicht weiter und im Quellcode find ich nichts von den Media Querys wieder (Suche nach 1200).

mfG
tsunami

Ist das internes CSS oder sind das eingebundenen CSS-Dateien? Falls Dateien, wie sehen die genau aus?

Hallo,
es sind externe css. Habe nun etwas rumprobiert. Sobald ich nun die zweite css einbinde, ist das Layout im EImer. Im neuen Versuch habe ich die Media Query als Format Definition eingebunden.
Soll ich die ganze css posten? Oder screenshots der Media Query? Wo und wie muss ich die Media Query einbinden?
mfG
tsunami

Da gibt es mehrere Möglichkeiten, siehe z.B. https://wiki.selfhtml.org/wiki/CSS/M...agen_einbinden

Hi,
ich habe doch in den css EIgenschaften die Medientypen und darunter die Optionen. Ist das nicht für die verschiedenen Medien-Größen gedacht? Braille, Handheld usw., ja aber ich dachte, da könne man sowas wie max-width eintragen? Habe etliche Formate durch, mit ";" und ohne usw.
--
Ich habe nun die css manuell erweitert:
@media only screen and (max-width: 1199px) and (orientation: portrait) and (orientation: landscape) {
...
}
und
@media only screen and (min-width: 1200px) and (orientation: portrait) and (orientation: landscape) {
...}
Leider zerhaut mir das das Layout.

Naja, Landscape und Portrait gleichzeitig wird selten vorkommen. ;)

ps Was mich auch irritiert, ist dass im Quellcode nichts mit media query auftaucht.

Zitat:

---

Zitat von tsunami

Hi,
ich habe doch in den css EIgenschaften die Medientypen und darunter die Optionen. Ist das nicht für die verschiedenen Medien-Größen gedacht? Braille, Handheld usw., ja aber ich dachte, da könne man sowas wie max-width eintragen? Habe etliche Formate durch, mit ";" und ohne usw.
--
Ich habe nun die css manuell erweitert:
@media only screen and (max-width: 1199px) and (orientation: portrait) and (orientation: landscape) {
...
}
und
@media only screen and (min-width: 1200px) and (orientation: portrait) and (orientation: landscape) {
...}
Leider zerhaut mir das das Layout.

---

Nutze doch bitte die Code Buttons..dann kann man es besser lesen.

Code:

---

@media only screen and (max-width: 1199px) and (orientation: portrait) and (orientation: landscape) {
...
}

---

Code:

---

@media only screen and (min-width: 1200px) and (orientation: portrait) and (orientation: landscape) {
...}

---