Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

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

  • 1 回覆
  • 1 有這個問題
  • 1 次檢視
  • 最近回覆由 guigs

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/

所有回覆 (1)

more options