Druckbare Version
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:
Leider funktioniert das nicht, der Mediaquery wird ignoriert. Wenn ich in Firebug die temporär Werte für #wrapper ändere, geht alles. Whats wrong???HTML-Code:#wrapper
{
width:960px;
margin:0 auto;
}
@media handheld,only screen and (max-width: 767px)
#wrapper
{
width:750px;
margin:0 auto;
}
Hallo,
wie ist denn Deine CSS eingebunden? Eventuell mit theme+?
fg
nicky
... von meinem iPad mit Tapatalk gesendet.
Die CSS Datei ist ganz normal ins Seitenlayout eingebunden.
Bei der Media Query fehlt ein Klammernpaar
Code:@media handheld,only screen and (max-width: 767px) {
#wrapper {
width:750px;
margin:0 auto;
}
}
@bizon
Da haste wahr! :-)
fg
nicky
... von meinem iPad mit Tapatalk gesendet.
Ich hab im Forum schon gelesen, dass einige für die Mobilegeräte die Meta-Info
benutzen.HTML-Code:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
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?
Auf dieser Seite werden Media Queries und Viewport leicht verständlich erklärt.