This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Caută ajutor

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Află mai multe

Acest fir de discuție a fost arhivat. Adresează o întrebare nouă dacă ai nevoie de ajutor.

CSS3 'device-width' is not being recognised.

  • 5 răspunsuri
  • 1 are această problemă
  • 4 vizualizări
  • Ultimul răspuns de Liam O'Byrne

Liam O'Byrne
Liam O'Byrne
more options

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*/ }

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*/ }

Toate răspunsurile (5)

Marc Sances
Marc Sances
more options

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.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Do you have Firefox 23 for Android?

Try this test page: http://dev.jeffersonscher.com/device-width.html

Liam O'Byrne
Liam O'Byrne Deținătorul întrebării
more options

@jscher2000, this is great. I am specifically targeting specific devices and this has just made it even easier.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

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!

Liam O'Byrne
Liam O'Byrne Deținătorul întrebării
more options

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.