media query für galaxy s2
Entwickelt ich ein responsive theme für meine website,
Durch die Verwendung von media queries auf meine css-Datei.
es funktioniert gut auf ipad/iphone und kleines android-Handys.
Wenn ich zum galaxy S2 scheint es zu ignorieren, mein media queries.
Dies ist die media-query im mit zu Ziel, galaxy s2 und Co. - ist das korrekt ?
wenn dem so ist , warum ist es nicht funktioniert ?
@media only screen and (min-device-width : 480px) and (max-device-width : 800px)
Dank
- Es hat wahrscheinlich eine höhere Auflösung. Ich werde versuchen und suchen Sie einen link mit der rechten.
- Warum gehst du nicht Blick auf die Geräte-specs?
- es ist 480 x 800 Pixel
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dein code sollte funktionieren.
Haben Sie versucht, um die 'Orientierung', wie:
Die Antworten, die gezeigt werden, sind flat-out falsch! Samsung-Geräte haben NICHT die gleiche Auflösung in beiden Porträt und Landschaft-Modi wie Apple Geräte. Auch, warum sind Sie mit "min-device-width" und "max-device-width"? Stick, um die Auflösung bei der hand! Sie dont möchten, dass Ihre design Anzeige unsittlich an der falschen Auflösung! Dies tun, garantiere ich es funktioniert, weil ich es die ganze Zeit:
@media screen and (device-width: 480px) and (device-height: 800px) and (orientation: portrait) {
Stile
}
@media screen and (device-width: 800px) and (device-height: 480px) and (orientation: landscape) {
Stile
}
Graben der "nur" - Regel! Es ist nicht notwendig! Verwenden Sie die "handheld -" oder "Bildschirm" nur Werte!
Diese könnte sich auch lohnen, einen brustschuss:
@media all and (device-aspect-ratio: 3/5)
.Info entnommen aus: http://cssmediaqueries.com/
Dem Galaxy S2 hat Gerät-pixel-Verhältnis von 1,5, damit die media queries werden müssen:
@media only screen and (min-device-width: 360px) and (max-device-width: 533px)
Media query für das Samsung Galaxy S2 ist so etwas wie den folgenden code, und Sie sollten mit dem 1.5 für
-webkit-device-pixel-ratio
, das ist alles.