My Firefox is scaled up using layout.css.devPixelsPerPx with a value of 1.2 and even then I've to scale up most websites to at least 120% in order to see anything.
Like those sites with the overly huge logos that look ridiculous and annoying on 1080p but I'm sure on 2k and higher they look fine. I don't want to scroll down an entire page worth of scrolling to read your article, it should be immediately available.
Thankfully there's Firefox's Reader Mode.
We had to write a line of business app used by office staff opening mail to feed high speed scanners to support mobile first with a responsive design.
I'm more curious though if what you're experiencing might also be sites designed for high res phones. Most phones these days are 1080p or better.
(And the site is using px; it shouldn't.)
Now the question of what the root font-size is (a unit I like to call “browser em” or “bem”—I’ve never heard anyone else give it a proper name)—that’s a much more interesting question. It’s almost always 16px (I have no stats ready to hand, but I’d suggest >99% of page views), but there are devices out there that have other values, mostly between 13px and 19px, and you can change the value in some browsers also. However, website layouts commonly break if the value is not 16px, if the font sizes are based in bems and media queries in px, or font sizes in px and media queries in bems, and the developers have assumed 16px (which is completely normal). The ideal situation is to use either px everywhere or bem everywhere.
In theory, using relative units everywhere is potentially nicer. In practice, you’re fine using pixel units everywhere.
But 24px is still way too big.