media query - warum funktioniert das nicht?

[gralle]

Hallo, CSS Cracks,

Habe folgendes versucht: Am Ende meiner CSS Datei stehen folgende Definitionen für #wrapper (zuerst die Standardeinstelung, dann eine Version für kleinere Bildschirme:

#wrapper
{
    width:960px;
    margin:0 auto;
    
}

@media handheld,only screen and (max-width: 767px)    
#wrapper
{
    width:750px;
    margin:0 auto;
}

Leider funktioniert das nicht, der Mediaquery wird ignoriert. Wenn ich in Firebug die temporär Werte für #wrapper ändere, geht alles. Whats wrong???

[hofff]

Hallo,

wie ist denn Deine CSS eingebunden? Eventuell mit theme+?

fg
nicky


... von meinem iPad mit Tapatalk gesendet.

[gralle]

Die CSS Datei ist ganz normal ins Seitenlayout eingebunden.

[bizon]

Bei der Media Query fehlt ein Klammernpaar

@media handheld,only screen and (max-width: 767px) {
#wrapper { 
   width:750px; 
   margin:0 auto; 
}
}

[hofff]

@bizon

Da haste wahr! :-)

fg
nicky


... von meinem iPad mit Tapatalk gesendet.

[kischd]

Ich hab im Forum schon gelesen, dass einige für die Mobilegeräte die Meta-Info

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

benutzen.
Leider hab ich nicht richtig kapiert wie ich dieses dann per CSS anspreche.

Den Code habe ich im Seitenlayout eingetragen.
Wie bzw. was muss ich nun bei der CSS bei Media eintragen, dass meine Seite das kapiert?

[bizon]

Auf dieser Seite werden Media Queries und Viewport leicht verständlich erklärt.