specific device media queries

[mdrahiem]

I am writing media queries to my slider. for that sider width is 100% and height should be given manually. Thats why I have written @media queries for every width like

@media only screen and (width : 320px) and (height: 568px) {
.demo .zoomer_wrapper { height: 450px; }
}
@media only screen and (width : 568px) and (height: 320px) {
.demo .zoomer_wrapper { height: 230px; }
}

I am testing the resolutions in http://cybercrab.com/screencheck/ and firefox. Here every thing is working fine for every set of width and height. But when I checked in a particular device those are not working. Pls help me with this.

[mdrahiem]

I want to target a specific resolution. like 1920X1200, 1920×1080,320×480,360×520 etc. But I dont want to use the range like min & max. I want to specify particular width & height so that it can be applied for that specific resolution. Thats why i am using only width and only height. It is working in test mode. (eg: http://cybercrab.com/screencheck/) but not working in device.

[Author]

Posts