dah*_*ive 5 css grid-layout responsive-design
我正在为一个项目开发一个响应式网格系统。网格由向左浮动且宽度为25% 的块组成。
这些块内是设置为100% *高度/宽度* 或50% *高度/宽度* 的图像。
块内的所有图像彼此相邻，并且所有块彼此相邻，因此看起来像一个无缝的图像网格。
我遇到的问题是在某些浏览器大小时，或者当您调整浏览器大小时，某些块之间会出现 1px 的小间隙。
一个例子可以在这里看到：http : //dahliacreative.com/responsivegrid/
我认为这可能取决于漂浮的块，好像你把漂浮物取下来似乎一切都很好。我尝试使用display: inline-block等，但无法得到任何工作！
有没有人有解决这个问题的想法？
这是由于使用了整圆百分比，例如 50%，当您达到某些宽度和高度（例如 561px * 393px）时，这些宽度和高度将不会均匀地划分为 50%，因此剩余的 1px 间隙。
查看 twitter bootstrap CSS 以查看保留小数点后 6 位的百分比，以避免此问题。