CSS3 'device-width' is not being recognised.
CSS3 'device-width' is not being recognised by Firefox for Android - therefore, no CSS3 is being applied.
Please visit: http://www.liamobyrne.com/CycleMile%20-%20Copy/index.html
The 'device-width' is recognised by many mobile browsers, but not Firefox for Android.
Below is a section of CSS3 I have used:
/* Phone (Portrait/480px) */
@media only screen and (device-width:320px) and (orientation:portrait) {
/*style goes here*/ }
All Replies (5)
Hi,
The people who answer questions here, for the most part, are other Firefox users volunteering their time (like me), not Mozilla employees or Firefox developers.
If you want to leave feedback for Firefox developers, you can go to the Firefox Help menu and select Submit Feedback... or use this link. (You'll need to be on the latest version of Firefox to submit feedback). Your feedback gets collected at http://input.mozilla.org/, where a team of people read it and gather data about the most common issues.
Do you have Firefox 23 for Android?
Try this test page: http://dev.jeffersonscher.com/device-width.html
@jscher2000, this is great. I am specifically targeting specific devices and this has just made it even easier.
To make things more complicated, when I viewed the test page in the stock browser on Gingerbread, the detected width didn't change when rotating from portrait to landscape (the background color did change). I haven't tried any other browsers on this phone -- no more memory!
Yes, I found this too. It seems like 'device-width' functions differently - dependent on the browser being used. I found that the Samsung Galaxy S4 Note 2 has a CSS3 resolution of 360x1080.