here is my css, as a test:\[code\]*{margin:0;padding:0;outline:0;border:0;}body{background:#686465;font-family:Arial,Verdana,sans-serif;font-size:100%;}@media screen and (max-device-width:320px){ body{background:red !important;}}@media screen and (max-device-width:800px){ body{background
rgange !important;}}\[/code\]I have 2 android devices running using the SDK to test this. One is 3.2inch HVGA Slider 320x480 and the first rule picks up on this device and sets the body background to red. The second device is Nexus 7 800x1280 but this one ignores both of the media rules; however if i delete the first media rule then it picks it up.... why??
rgange !important;}}\[/code\]I have 2 android devices running using the SDK to test this. One is 3.2inch HVGA Slider 320x480 and the first rule picks up on this device and sets the body background to red. The second device is Nexus 7 800x1280 but this one ignores both of the media rules; however if i delete the first media rule then it picks it up.... why??