Jump to content

Recommended Posts

HI All,

On Windows 10 systems (and I guess on others) there is a display setting called something like «Change the size of text, apps, and other items » that the user can set to their liking (100%, 125%, …).

Let’s suppose UserA et UserB each use exactly the same laptop (same brand, same model, Windows 10 installed, same physical screen resolution) and that they use the same web browser with zoom level set to 100%. Let’s suppose also that UserA sets the above Windows 10 display setting to 100%, and that UserB sets it to 125%. For a given web page, UserB will likely see the text in a bigger size than UserA.

Is there a way for a web developer to take this into account with pure CSS in such a way that their website looks the same on both computers ?

Thanks!

The whole point of using 125% was to make text bigger and, presumably, more legible. What you're asking is to do the exact opposite of what the user wants. So don't.

But there is nothing stopping you from sizing the elements on your page relative to the window size, eg, with percentages or possibly vw/vh units.

I'm pretty sure - though I could be wrong - that rem and em take browser zoom into account, so if I'm right that could be another thing to look at. Although requinix is correct - the entire point is to make the font bigger. It can be pretty safely assumed that people that use the zoom functionality know they're messing with the designer/developer intent of a site and are OK with it. Kinda like turning off JavaScript in your browser - you do it and you pretty much forfeit the right to complain about site functionality (now days, anyway).

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.