如何防止堆叠的内联块div从＆＃34; break＆＃34;在移动？

Question

遇到一个非常奇怪的问题，希望有人能帮忙......

我有几行内联块元素堆叠在一起，所以它们都合并成一个吉他指板。在Web /桌面上，没有可见的换行符（它们合并得很好）。但是在移动设备上，您可以看到换行符，直到您完全放大。这是一些图片：

第一张图片显示了换行符。我不想要这些。

第二张图片显示当我进一步放大时，换行符消失。这就是我想要的。

有人知道为什么会这样吗？我该如何解决？我宁愿不必重新编码所有内容并远离这种内联块元素方法，但如果我必须这样做。我想出了一个临时的工作，就是在整个指板div后面贴上棕色的背景颜色，但是光线断裂会出现在任何不是棕色的地方。