Issue Summary: Not Quite Pixel Perfect when browser is zoomed out
The issue was reported by RobMeade, who noticed a 1px step in the lines separating categories on the forum. This issue was only visible when the browser was zoomed out (90% in this case). Hector suggested that the issue might be related to browser zoom, which was confirmed by RobMeade.
Mittineague provided insight into the possible cause of the issue, suggesting that it might be due to the browser’s handling of odd-numbered pixel dimensions when applying CSS rules. However, it was ultimately determined that the issue was simply a result of the browser zoom being set to 90%.
I quickly came here to see if there was anything similar, and, briefly I spotted a similar issue on the thicker horizontal line under “Topic | Category | Users” etc… it stepped for the “Users” column. I wasn’t quick enough to take a screenshot and seems to have resolved itself.
…just reloaded the page and managed to catch it this time…
Not that my vision is good enough to detect a single pixel difference, but I looked and did not see this anywhere that I looked for it.
It could be that the dimensions of an element are interfering, but my guess it is because of a “split”. That is, if something is an odd number of pixels and a CSS rule divides it, the browser decides where to apply the rule. For example, if there is an image 123 pixels in height, and the CSS wants to put it in 50%, the browser can not display the image at 61.5 pixel height but only 61 or 62 pixels. How any given browser might make the decision is a complete mystery to me.
What device and browser are you using when you see this?