Any idea why my Android 2.3 (Gingerbread) device is not recognizing the third media query? The media queries are found at the end of my general styles which have been linked to the respective HTML page.
@media only screen and (max-width: 959px) {...}
@media only screen and (max-width: 767px) {...}
@media only screen and (max-width: 479px) {...}
FYI - When viewed on a browser the page does re-orient properly.
Hi, nlourenco! Did you find that this problem was ONLY for Android 2.3? I'm experiencing the same issue, but my mobile website looks fine on 4+ and 2.2 and below, and I want to be sure that's the case.
Also, is there a way to add this information--which is supposed to go in the head--to the CSS stylesheet instead? I'm using Mobify to create a mobile website. A portion of my code is for all mobile devices, and a portion of it is for iPad only. The iPad portion uses this media query:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
Any idea why my Android 2.3 (Gingerbread) device is not recognizing the third media query? The media queries are found at the end of my general styles which have been linked to the respective HTML page.
FYI - When viewed on a browser the page does re-orient properly.
Just had to add to the head:
Hi, nlourenco! Did you find that this problem was ONLY for Android 2.3? I'm experiencing the same issue, but my mobile website looks fine on 4+ and 2.2 and below, and I want to be sure that's the case.
Also, is there a way to add this information--which is supposed to go in the head--to the CSS stylesheet instead? I'm using Mobify to create a mobile website. A portion of my code is for all mobile devices, and a portion of it is for iPad only. The iPad portion uses this media query:
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
Thanks!