Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Pixel scaling issues

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

All Replies (1)

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.