2

This is in reference to the well-known issue in Chrome where some table border lines appear too thick on a zoomed resolution (e.g. 125%) even though they should all be the same, 1px thin. There are many threads on this: 1, 2, 3 etc. Only Chrome has this issue, other browsers are OK

The common workaround is to play with border-width: 0.5px-1.5px to find a "sweet spot" where the table borders become uniform.

But for me, I have 2 tables with 4 rows, and when I change border-width on a 125% resolution, the problem just jumps from one place to another. Below is what I'm experiencing. I just can't find any decimal value between 0 and 2 that would resolve the problem.

enter image description here enter image description here enter image description here

Windows Zoom Setting: enter image description here

One other note. Changing 1px solid black to thin solid black doesn't work either, contrary to what was written here in 2018.

gene b.
  • 10,512
  • 21
  • 115
  • 227
  • 1
    Check out my answer here https://stackoverflow.com/a/71703247/14545160 and let me know if it helps. – DvdRom Apr 08 '22 at 08:27

0 Answers0