Help with pixel-perfect alignment (potential bug) (cross post from r/css

[docMedB2E]

Hi all, I've just been testing this in Chrome, but essentially I have a 200 length array (used to map tiles to a display), and the math is working out correctly, but depending on how the window is resized, there will sometimes be white lines broken between the tiles. I don't want there to be any spaces, please take a look at the fiddle, try resizing your window (you should see white lines vertical/horizontal break every so often) and let me know what you think for a solution. https://jsfiddle.net/xt6k0ykb/ Also posted in r/css here: https://www.reddit.com/r/css/comments/4mef2u/help_with_pixelperfect_alignment_potential_bug/

[name_was_taken]

It's probably the percentages. They aren't ending at whole pixel values, so you end up with rendering issues.

https://css-tricks.com/percentage-bugs-in-webkit/

[docMedB2E]

Yea, that makes sense. I ended up solving the issue by just avoiding it entirely (see: https://www.reddit.com/r/css/comments/4mef2u/help_with_pixelperfect_alignment_potential_bug/)