media Query für macbook pro 15"

Ich versuche anwenden media query für laptop 15" und kleiner mit keinen Erfolg.

Hier ist mein Medien-Abfrage:

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { }

Und:

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2)  and (min-resolution: 192dpi) { }

Ich arbeitet für 13inch macbook pro, aber nicht für den 15".

Jede Hilfe wäre sehr geschätzt werden.

Dank

InformationsquelleAutor flo bee | 2015-05-29
  1. 3

    Könnte es ein problem mit min-device-width so, wie es soll nur funktionieren auf mobilen Geräten (Tablets, smartphones):

    min-device-width

    Versuchen Sie es mit diesen (ohne -device-), so können Sie testen Sie es auf Ihrem computer browser.

    min-width oder max-width

    Stile für den Desktop -

    @media screen and (min-width: 1025px) and (max-width: 1280px) {

   /* Styles for Desktops */
 }

    Außerdem fügen Sie innerhalb des Tags

    <meta name="viewport" content="width=device-width, initial-scale=1">
    InformationsquelleAutor Michael Money
  2. 2

    Retina-Display, media queries

    @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only 
screen and (min-device-pixel-ratio : 1.5) { styles }
    InformationsquelleAutor someone
Schreibe einen Kommentar