I guess the simplest point to make is that if text scaled with screen size on a 1:1 ratio it would be illegible on most mobile devices and far too big on most desktops? Also - px is needed for any scenario where you're getting comps from a finicky designer, and frankly it's not that hard to manage a few breakpoints and have everything work super easy. Also browser support, device support, and legacy design systems. All of those are great reasons to use px.
Using viewport based variables is hard to get right in the first place and even harder to maintain it. (Especially for fonts and not so much for layout)
This is a great explanation, thank you
so . . . are you proposing to use vw for border size now?
You don't use 100vw for border-width?
vh behaves funky on mobile. some devices take the OS menu bar as part of the viewport and some don't
px used to be the only real way to get precise designs.
I guess the simplest point to make is that if text scaled with screen size on a 1:1 ratio it would be illegible on most mobile devices and far too big on most desktops? Also - px is needed for any scenario where you're getting comps from a finicky designer, and frankly it's not that hard to manage a few breakpoints and have everything work super easy. Also browser support, device support, and legacy design systems. All of those are great reasons to use px.
PX slightly predates VW that's why it is used still more often.
Notice that "pixel perfect" is a phrase...
Using viewport based variables is hard to get right in the first place and even harder to maintain it. (Especially for fonts and not so much for layout)