Hacker News new | ask | show | jobs
by account42 734 days ago
> It made sense in 2007 when your resolution was 1024x768.

Yes and so it makes sense today because CSS pixels are resolution independent. If something worked on 1024x768 monitors in 2007 but is too small on your monitor today then the problem is with your settings not the website.
1 comments
rwalle 734 days ago
So why does HN text look so small under default settings on the desktop, and I always need to zoom to 133% to match the font size on other websites (that require no special treatment)? Am I using the browser wrong, or something is not quite right with HN? I am inclined to think the latter.
link
wruza 734 days ago
I always need to zoom 125-130% on all sites on top of 125% desktop system zoom and HN needs no special treatment. E.g. wikipedia is basically the same.

Anyway, you can set [default] zoom once and enjoy.

Unless you’re in a browser in which no one uses that per-site zoom feature cause it’s not implemented cause no one uses it. In this case, you can embrace the simplicity or use StyleBot.

link
rob 734 days ago
2560x1440 and ~12px on HN looks incredibly small.

I just switched the resolution to 1024x768, and now the same ~12px is "larger" and easier to read without needing to increase my browser zoom.

There's an obvious visual difference between the two.

link
SassyBird 734 days ago
Without HiDPI (sic!) scaling that means that a correctly-sized display for that resolution would have a 30" diagonal on Windows (standard PPI: 96) and 40" on Mac (standard PPI: 72). If you don’t have HiDPI (sic!) scaling enabled in your system and your display is smaller than that, then you’re basically browsing everything zoomed out.
link
account42 734 days ago
Then your setup is not compliant with web standards. Most likely you need to enable DPI scaling somewhere.
link
louis-lau 734 days ago
The font site is 9pt. It's just small. Not sure where someone got 12px from. The measurement is resolution independent, yes.
link
SassyBird 734 days ago
9pt == 12px on the web. You can check that in Web Inspector in computed styles.

Alternatively:

  1px = (1/96)in
  1pt = (1/72)in = (1/72)*(96/72)*(72/96)in = (96/72)*(1/96)in = (4/3)*1px = (4/3)px
  9pt = 9*1pt = 9*(4/3)px = 12px
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Values_...
link