Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

1px horizontal lines #835

Closed
tiagogon opened this issue Mar 10, 2016 · 2 comments
Closed

1px horizontal lines #835

tiagogon opened this issue Mar 10, 2016 · 2 comments
Labels

Comments

@tiagogon
Copy link

On my project i have a gallery with no gutter, just like this one: http://codepen.io/desandro/pen/RPKgEN

does anyone knows why sometimes (it dependes on the window size) this lines appear between elements?

screen shot 2016-03-10 at 22 21 41

@desandro
Copy link
Owner

The reason pixel rounding errors. It's a tough issue to resolve because they appear inconsistently. Vertical gaps are a bit more tricky as overlaps may not fix them

See possible fix in metafizzy/isotope#916 (comment) or feature request #795

@wjramos
Copy link

wjramos commented Apr 20, 2016

When you zoom, do they "flicker" (appear and the disappear with zoom level) ?

This is likely due to sub-pixel rendering differences between browsers. The only real way to address this is by having a .5px (or so) overlap so that it simulates rounding up to the nearest whole pixel

desandro added a commit to metafizzy/outlayer that referenced this issue May 19, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants