News for hackers. Stuff that matters.

A comment on PX or REM in CSS? Just Use REM. Parent comment

Re:PX or REM in CSS? Just Use REM by blumomo on Saturday December 03, 2022 @04:26PM (#33847545)
Can we use something like

  font-size: "calc(min(1vw, 1vh))";
to solve problem you describe?
[ Parent | on HN ]
Re:PX or REM in CSS? Just Use REM by evan_ on Saturday December 03, 2022 @04:39PM (#33847670)
In fact there’s a `vmin` unit that does this calculation for you. (`vmax` as well)
[ Parent | on HN ]
Re:PX or REM in CSS? Just Use REM by mikae1 on Saturday December 03, 2022 @05:12PM (#33847970)
> `vmax` as well

Or even dvmax in this day and age.

[ Parent | on HN ]
Re:PX or REM in CSS? Just Use REM by Kwpolska on Saturday December 03, 2022 @04:51PM (#33847785)
This might solve a few of the edge cases, but making the sizes of everything depend on your screen is a dumb idea. If I move my browser from my small laptop screen to my big external display, I expect to see more content, not larger fonts. My displays are set to scaling factors that are comfortable for me with most things I work with (HN’s tiny fonts being a notable exception). Just set a reasonable size for things (a base font size of 1rem should be fine) and let me use my displays to the fullest.
[ Parent | on HN ]