我们的公司网站正在经历一些奇怪的恶作剧。当您在台式电脑或笔记本电脑上查看它时，它在任何浏览器上看起来都很好。但是，当您在移动设备上浏览网站时，您会在 iOS 上的 Safari 和 Android 上的 Chrome 和 Android 2.2 Stock Browser 中的页面元素周围看到这些边框。
在调查问题时，我注意到边框也出现在桌面/笔记本电脑上的 Chrome 上，但仅限于某些缩放级别：
100% 缩放：
110% 缩放：
奇怪的是，在不同的缩放级别中，线条并不一致：
这是在 90% 变焦下拍摄的。
所以澄清一下：我可以通过在笔记本电脑/台式机上放大 Google Chrome 来重现我在移动设备上看到的问题。但是当我在移动设备上加载网站时，我总是看到线条，无论缩放级别是多少。
整个网站通过表格进行布局（是的，我知道......它是很久以前作为 Typo3 中的模板构建的，虽然我们可以对其进行小幅更改，但重建整个模板不是一种选择。但这除了。）所以我认为这可能与表格上的 CSS 规则有关，但似乎没有任何问题。如果这是一个 CSS 问题，那么这些线条在不同的缩放级别上是不是一致的？这是模板的 CSS 文件：Pastebin
无论哪种方式，我们都对此感到困惑，不知道是什么导致了问题。如果有人遇到过这样的事情，我们将不胜感激。谢谢。
编辑： 刚刚在桌面上的 IE、Firefox 和 Safari 上进行了测试。无论缩放级别是多少，那里都没有边框。
Edit2： 根据网站的配色方案，缩放到 500%（桌面上的 Chrome）显示有些线条是蓝色的，有些是白色的，有些是灰色的。它们的长度也不相等，并且当我在网页上滚动时似乎会改变位置（即：向左/向右移动一点。）