css - @media query not working in mobile. Works fine in Chrome -


i trying working somehow not working in mobile. when use chrome tool overrides screen size, works fine. not sure doing wrong. please help

@media screen , (min-device-width : 320px) , (max-device-width : 480px) {             .container .backgroundimage { display: none; } } 

enter image description here

there background image when viewed in browser. s remove image when viewed in mobile not working somehow.. please help

=============

testing on iphone 3g, 4, 5, android galaxy nexus

@andy right, double check device-widths, or use min-width don't have know every device width.

regardless make sure have viewport tag, <meta name="viewport" content="width=device-width,initial-scale=1.0">.


Comments

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -