我的个人网站有一个奇怪的 CSS 问题，似乎只发生在 Android 设备上（它可能发生在其他移动设备上，但我无法在任何非移动浏览器中重现它）。
它使用 Highlight.js 进行语法高亮，但我自己实现了对行号的支持。在 Android 浏览器上，编号 62 之后的任何代码行都没有正确突出显示，而是该部分显示为空白。
源代码位于分支中的https://github.com/matthewbdaly/matthewbdaly.github.io 。source问题似乎出在文件app/sass/_code.scss中，不久前我将此提交overflow-x: initial应用于该文件以通过添加到 Highlight.js 应用于代码的类来修改溢出hljs，这解决了该问题，但意味着仅背景颜色运行语法突出显示的可见部分的宽度，如果你水平滚动它，它明显有不同的背景颜色，所以我最终恢复它。
我的 CSS 技能有些笨拙，我还没有为此想出解决方案。知道我该如何解决这个问题吗？