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.

Does mobile FF for Android recognize device-aspect-ratio in media queries?

  • 1 răspuns
  • 1 are această problemă
  • 1 vizualizare
  • Ultimul răspuns de guigs

Tman54
Tman54
more options

I am testing on my Asus tablet running Android 4.3. (Link to specs on tablet below).

Here is the only query: @media only screen and (device-aspect-ratio: 16/10)

Chrome and Opera will load and apply the styles perfectly, but Firefox loads nothing.

BTW, if I change the query to: @media only screen and (min-device-width: 1000px) the styles apply just fine, but I wish styles would load via the aspect-ratio query just like Chrome and Opera.

Also, one thing that's kind of wierd, but I don't think (??) has any bearing on this issue is this . . . but it may. The specs on my tablet say it has a 1920 x 1200 screen resolution, but when I go to different websites that detect your screen res, they report back 1280 x 800. I have tried numerous ways to express device-pixel-ratio, but nothing has worked. For example, I tried: -webkit-min-device-pixel-ratio: 1.5 . . . as well as many others. Perhaps I've just not hit on the exact expression I need. (??) I think I tried all your suggestions here: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#-moz-device-pixel-ratio

Thanks for any help or advice you may be able to give me on this. I really like using this version of FF on my tablet. Seems to run very "snappy." I like many of the features as well. Just kind of puzzled by this one issue with regard to this little webpage of my own I'm working on. I'm attempting to load a background image based on the device's aspect ratio.


http://www.asus.com/us/Tablets_Mobile/ASUS_MeMO_Pad_FHD_10_ME302C/specifications/

I am testing on my Asus tablet running Android 4.3. (Link to specs on tablet below). Here is the only query: @media only screen and (device-aspect-ratio: 16/10) Chrome and Opera will load and apply the styles perfectly, but Firefox loads nothing. BTW, if I change the query to: @media only screen and (min-device-width: 1000px) the styles apply just fine, but I wish styles would load via the aspect-ratio query just like Chrome and Opera. Also, one thing that's kind of wierd, but I don't think (??) has any bearing on this issue is this . . . but it may. The specs on my tablet say it has a 1920 x 1200 screen resolution, but when I go to different websites that detect your screen res, they report back 1280 x 800. I have tried numerous ways to express device-pixel-ratio, but nothing has worked. For example, I tried: -webkit-min-device-pixel-ratio: 1.5 . . . as well as many others. Perhaps I've just not hit on the exact expression I need. (??) I think I tried all your suggestions here: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#-moz-device-pixel-ratio Thanks for any help or advice you may be able to give me on this. I really like using this version of FF on my tablet. Seems to run very "snappy." I like many of the features as well. Just kind of puzzled by this one issue with regard to this little webpage of my own I'm working on. I'm attempting to load a background image based on the device's aspect ratio. http://www.asus.com/us/Tablets_Mobile/ASUS_MeMO_Pad_FHD_10_ME302C/specifications/

Toate răspunsurile (1)

guigs
guigs
more options

This may help: