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