I am working with Phonegap Build and I cannot get Android media queries to work. I have working iOS queries but the Android ones are not responding.
When I test in the browser it works but on the device after building it does not.
My Queries:
/* <- 480*/
@media screen and (max-height: 507px){
}
/*508 / 530*/
@media screen and (min-height: 508px) and (max-height: 530px){
}
/*531 / 567*/
@media screen and (min-height: 531px) and (max-height: 567px){
}
/*568 / 600*/
@media screen and (min-height: 568px) and (max-height: 600px){
}
/*601 / 650*/
@media screen and (min-height: 601px){
}
Meta Tag
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />