搜尋 Mozilla 技術支援網站

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

了解更多

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.