PX or REM in CSS? Just Use REM

Re:PX or REM in CSS? Just Use REM by Cyberdog on Saturday December 03, 2022 @04:20PM (#33847491)

So if you have one of those ridiculous ultrawide monitors, the text is very large, or if you have a vertically-mounted monitor, are using a smartphone held vertically, or just prefer to make your browser windows narrow, the text becomes very small?

That sure is an interesting trick, all right.

[ Parent | on HN ]

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 ]