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