Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

Pixel scaling issues

jasminabasurita
jasminabasurita
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

Alle antwoorden (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 25 Contributor
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.