css - media Query for macbook pro 15" -


i'm trying apply media query laptop 15" , smaller no success.

here media query:

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

and:

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

i works 13inch macbook pro no 15".

any appreciated.

thanks

it might problem with, should work on mobile devices (tablet, smartphones):

min-device-width

try using (without -device-)

min-width or max-width

styles desktop

@media screen , (min-width: 1025px) , (max-width: 1280px) {     /* styles desktops */  } 

also add inside tag

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -