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
Post a Comment