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.
One other note. Changing 1px solid black
to thin solid black
doesn't work either, contrary to what was written here in 2018.