css - media queries not working in chrome but works on iphone -


i added @ bottom of stylesheet

@media screen  , (min-device-width : 320px)  , (max-device-width : 480px) {  body {  background: #000 !important;   }  } 

it works fine on iphone want test in ff or chrome resizing browsers , add style. how can working?

remove -device

@media screen  , (min-width : 320px)  , (max-width : 480px) {  body {  background: #000 !important;   }  } 

min-width max-width measures width of browser window. min-device-width max-device-width measures width of device (ie. monitor) never change


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -