缩小Chrome和Safari的布局问题

Question

我的网站仅在Safari和Chrome上存在问题。 当我使用STRG和鼠标滚轮滚动缩小页面时，会出现这种情况。该布局连续包含5个链接，并且我现在连续只有4个。

看看那个样本： https://jsfiddle.net/SchweizerSchoggi/8aoopsqk/ 并检查不同的浏览器缩小两三次。

IE和Firefox没有变化，仅在webkit浏览器中。 为什么会发生这种情况，如何解决？

我使用nth-child来构建我的布局：

a { 
  display: inline-block; 
  margin: 0 10px 10px 0; 
  ....
}

a:nth-child(5n+5) { 
  margin: 0 0 10px 0; 
}

感谢您的任何帮助或建议，谢谢您。

编辑：感谢@Muhammad Usman，你的想法对我很有帮助！