Media queries nicht unterstützen 1024x768-system Auflösung

ich habe hintergrund Farbe:Grau, für tablet, und der Farbe blau für mein system browser mit der Verwendung von media-queries css. Es ist in Ordnung. Das problem ist jetzt, wenn ich strukturierte meine system-Auflösung auf 1024x768, das Tablett, Farbe - Grau, ist die Anwendung auf meinem system browser auch anstelle der blauen Farbe. Bitte schlagen Sie mich.

Unten ist mein css:

.Box{background-color:#709bd3;height:200px}

@media screen and (min-device-width:600px) and (max-device-width:1024px) {
.Box{background-color:#ccc}
}
  • Welchen browser und OS ist das ein problem, Auftritt auf?
  • Chrome und Mozilla Firefox unter Windows XP & 7
InformationsquelleAutor Pavan Kumar | 2011-10-20
  1. 2

    Für ein beginnen, stellen Sie sicher, dass Sie ein Semikolon am Ende jeder Anweisung. 

    .Box {
background-color:#709bd3;
height:200px;
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .Box {
    background-color:#ccc;
    }
}

    Ich habe auch min-device-width auf 768px, was das iPad ist minimal.

    BEARBEITEN - Sieht aus, als wenn Sie müssen, verwenden Sie die Benutzer-agent-Zeichenfolge. Versuchen Sie nach dieser:

    http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3888106/How-Can-I-Detect-the-iPhone--iPads-User-Agent.htm

    • Du hast Recht, aber wenn ich öffnen Sie den link in mein system so gut wie das tablet, die Farbe(Grau) sollte nicht kommen, wenn ich änderte mein system die Auflösung auf 1024.
    • Versuchen Sie 'nur Bild' statt nur 'Bildschirm'. Wenn das nicht funktioniert, ich denke, die einzige Sache, die Sie tun können ist, verwenden die Benutzer-Agent-Zeichenfolge.
    • "nur Bildschirm" auch nicht funktioniert. Ich weiß nicht, User-Agent-String. Können Sie mir sagen, wie man das nutzen?
    • Hinzugefügt ein umfassendes tutorial.
    • Was ist mit android-tablets?
    • Ich weiß nicht, aber diese Diskussion sieht vielversprechend aus: stackoverflow.com/questions/5341637/...

    InformationsquelleAutor Jezen Thomas
Schreibe einen Kommentar