Forum Moderators: not2easy
Autozooming for screens above 1800px
@media screen and (min-width:1800px){
body {zoom:1.15}
}
@media screen and (min-width:2000px){
body {zoom:1.25}
}
@media screen and (min-width:2200px){
body {zoom:1.35}
}
@media screen and (min-width:2400px){
body {zoom:1.45}
}
@media screen and (min-width:2600px){
body {zoom:1.55}
}
@media screen and (min-width:2800px){
body {zoom:1.65}
}
Hm. It would really depend on the user, wouldn't it. If you have a wide monitor because your eyesight isn't what it used to be, you might really appreciate it. But if you have a wide monitor because you want to look at lots of things all at the same time (though I shudder at a browser window set for 3000px unless you are watching a video), it might be an annoyance.With that query.. if you resize the window.. the zoom goes away and it goes back to normal... and then all the css mobile rules start going into effect if you start resizing even smaller...
Is there a separate CSS file file for mobile users?There can be. I think this zoom is only for websites that have the traditional 1200px width layouts that have maybe even done a few tweeks and optimizatoins already for 1800px screens - can now go up another 1,000 pixels or so?
First question is: Do you NEED that unused space?I think the main problem is with IMAGES. If you have an image heavy website it can make those look 'out of focus", but if you use srcset="" on your images with images for 2x image quality - that shouldn't be an issue...
Second question: Does zoom make it look like a cartoon?
Might need some testing to see how that zoom works on systems where the USER has already enlarged the system font for personal reasons.That's what I wonder.. It looks so awesome and I wonder - why has nobody done this? What am I missing? To me, everything looks good and it is a better user experience.
[edited by: not2easy at 12:09 pm (utc) on Aug 2, 2025]
[edit reason] Formatting [/edit]
I almost wonder like.. shouldn't this be part of the browser? And then I can click like 'go out of 2k mode' or something?
[edited by: not2easy at 12:08 pm (utc) on Aug 2, 2025]
[edit reason] Formatting [/edit]
[edited by: not2easy at 10:29 pm (utc) on Aug 2, 2025]
[edit reason] no examples please, see Charter. [/edit]
It's like "once you have the full width, you cannot go back".Do you mean that if you resize the window, the zoom settings in the @media rules don’t change? In all browsers? Well, that’s disheartening.
No, I mean once I go from 2/3 window to a full screen, currently most websites "stay the same".How wide is your screen? The @media rules quoted in the first post top out at 2800, so it ought to keep adjusting until you hit that level. But have a closer look at your browser prefs; there may be a maximum-zoom setting with some default value.
