Hacker News new | past | comments | ask | show | jobs | submit login

I can't zoom the text on this website. I don't want to generalize to wm design choices but why, why would people do that on some sites, why is this even technically possible.



It's negative accessibility, if you zoom the text gets smaller.


I have compiled a few usability issues from their website: https://github.com/koekeishiya/chunkwm/issues/576


Submitted a PR for the font size issue. Thanks for compiling a list!


Thank you for that, I was curious what in CSS would cause this effect that I don't hear often about so I could avoid making that mistake in CSS, looks like it was vmin versus using em. I don't recall if I've ever used vmin, but now I know now to use it for fonts at least, or to mostly avoid it. Looks like your PR made it in too!

The PR for those curious:

https://github.com/koekeishiya/chunkwm/commit/052c880d15a21b...


It's from the use of `vmin`, which is better used for padding/margins than text. CSS accepts units of measure, `vmin` in this case, interchangeably wherever a property accepts units of measure. Font sizes accept unit of measure, so the site author decided to use `vmin` for the font size.


It looks like the problem stems from having everything set in terms of viewport units, e.g. font size set to 1.5vmin, and div width set to 100vmin.


literally the first thing I thought. Never even seen that before.


Works as normal on desktop (Safari, MacOS)


Not really. It zooms eventually, but then you get to also see how broken scrolling is. (You can't scroll using the space bar, and you can't read what's at the very bottom of the text, or at least not when using my low res large font setup.)


He's probably talking about trackpad pinch-zoom.


Both pinch and cmd+ work fine for me. Cmd+ makes the font effectively bigger and reflows the text just fine.


font-size: 1.75vmin;


Works fine for me (Linux, Firefox CTRL-+).


That's because the website was changed after that comment was made, to fix this issue.


works ok on firefox desktop




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: