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!

Търсене в помощните статии

Избягвайте измамите при поддръжката. Никога няма да ви помолим да се обадите или изпратите SMS на телефонен номер или да споделите лична информация. Моля, докладвайте подозрителна активност на "Докладване за злоупотреба".

Научете повече

Pixel scaling issues

more options

As a developer I'm running into issues with websites that I create displaying in desktop view, even when the box for this option isn't checked. In other words it's scaling pixels sizes down, thus causing text and EMs to render too small, and media queries to not be triggered. I have the font set to 16px in the css in an attempt to force the font to render at the right size, but all this appears to do is zoom the page in, with the same scaling issues in place. The website displays properly in safari and chrome, but contains no webkit specific css rules

As a developer I'm running into issues with websites that I create displaying in desktop view, even when the box for this option isn't checked. In other words it's scaling pixels sizes down, thus causing text and EMs to render too small, and media queries to not be triggered. I have the font set to 16px in the css in an attempt to force the font to render at the right size, but all this appears to do is zoom the page in, with the same scaling issues in place. The website displays properly in safari and chrome, but contains no webkit specific css rules

Всички отговори (1)

more options

Do you use @media queries to modify the display for smaller screens, and is Firefox for Android handling those differently from other mobile browsers?

If you load this page, it should show the "JavaScript" dimensions that a script in the page can read out. I think this would be relevant for media queries as well.

https://www.jeffersonscher.com/res/resolution.php

Note that the "Computed" dimensions were designed for desktop, and mobile browsers often behave differently; you can focus on the other data.