Ich versuche eine Regel zu erstellen, die sowohl auf der Basis der maximalen Breite als auch des Geräte-Pixel-Verhältnisses einschließt / ausschließt. Ein Beispiel wäre, wenn ich möchte, dass das Kindle Fire @ 600px ausgeschlossen wird, aber das iPhone5 @ 640 (kleinerer Bildschirm in der realen Welt) ausgelöst wird.

Ergibt das Folgende eine UND- oder eine ODER-Regel? Angenommen, es wird eine ODER-Regel erstellt. Wie würde ich eine Regel erstellen, die eine UND-Typ-Funktion ausführt?

@media only screen and (min--moz-device-pixel-ratio: 2), 
        only screen and (-o-min-device-pixel-ratio: 2/1), 
        only screen and (-webkit-min-device-pixel-ratio: 2), 
        only screen and (min-device-pixel-ratio: 2),
        only screen and (max-width: 749px){
        }

BEARBEITEN UNTEN:

Okay, hier ist, was ich bisher habe - ich vermute, Kommas sind ODER und 'und' ist offensichtlich UND. Ist das richtig? Ich versuche, eine universellere Reihe von Abfragen zu erstellen, die mehr als nur auf iPhones / iPads abzielen ...

@media
only screen and (max-device-width : 721px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-device-width : 721px) and (orientation : portrait) and (min-device-pixel-ratio: 1.5),
only screen and (max-width: 359px) {
/* All Portrait Phones */
}

@media
only screen and (min-device-width : 360px) and (max-device-width : 999px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-width : 360px) and (max-device-width : 999px) and (min-device-pixel-ratio: 1.5),
only screen and (max-width: 999px) {
/* Small tablets (assume vertical) and landscape phones */
}
/*note - Anything over 999 wide to render fully - desktop, landscape or large tablets */