Avatar for Username

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Learn More

Táto téma bola archivovaná. Ak potrebujete pomôcť, založte prosím novú otázku.

FF wrong CSS media query on 2 screen setup with retina

  • Žiadne odpovede
  • 1 má tento problém
pcastaldi
pcastaldi
more options

Since FF 59 Firefox is detecting wrong screen device-width and device-height for laptop Macbook retina screen at 1680x1050 px when paired with additional non retina screen.

FF detects about half of the actual screen size. Because of this it ends up using tablet CSS media query => @media screen and (min-device-width : 768px) and (max-device-width : 1024px).

I'm attaching 3 screenshots from CSS3 MEDIA QUERIES TEST website, all made on same screen with FF, Chrome and Safari.

FF detects wrong values while Chrome and Safari (latest versions) detect the correct values.

FF values for non retina (1 dppx) screen are correct.

I tried several times to upload the screenshots but the upload seems broken on this page.

Screenshots viewable at https://www.alfacastaldi.com/test.php

Since FF 59 Firefox is detecting wrong screen device-width and device-height for laptop Macbook retina screen at 1680x1050 px when paired with additional non retina screen. FF detects about half of the actual screen size. Because of this it ends up using tablet CSS media query => @media screen and (min-device-width : 768px) and (max-device-width : 1024px). I'm attaching 3 screenshots from CSS3 MEDIA QUERIES TEST website, all made on same screen with FF, Chrome and Safari. FF detects wrong values while Chrome and Safari (latest versions) detect the correct values. FF values for non retina (1 dppx) screen are correct. I tried several times to upload the screenshots but the upload seems broken on this page. Screenshots viewable at https://www.alfacastaldi.com/test.php