Android 网页上某些缩放级别的边框

我们的公司网站正在经历一些奇怪的恶作剧。当你在台式电脑或笔记本电脑上查看它时，它在任何浏览器上都很好看。然而，当你在移动设备上浏览网站时，你会在iOS上的Safari和Chrome上的页面元素以及Android上的Android 2.2股票浏览器中看到这些边框

在研究这个问题时，我注意到，桌面/笔记本电脑的Chrome浏览器上也会出现边框，但仅在某些缩放级别：

100%缩放：

110%变焦：

奇怪的是，在不同的缩放级别中，线条并不一致：

这是在90%缩放时拍摄的

因此，澄清一下：我可以通过在笔记本电脑/台式机上放大谷歌Chrome来重现我在移动设备上看到的问题。但当我在移动设备上加载网站时，无论缩放级别如何，我总是能看到线条

整个网站都是通过表格进行布局的（是的，我知道…它是很久以前在Typo3中作为一个模板构建的，虽然我们可以对它进行一些小的更改，但重建整个模板不是一个选项。但除此之外。）所以我想它可能与表格上的CSS规则有关，但这似乎没有什么问题。如果这是一个CSS问题，那么在不同的缩放级别上线条不是一致的吗？这是模板的CSS文件：

不管怎样，我们都有点被困在这个问题上，不知道是什么导致了这个问题。如果有人曾经遇到过这样的事情，我们将不胜感激。谢谢

编辑： 刚刚在IE、Firefox和Safari桌面上进行了测试。没有边界，无论缩放级别如何

Edit2: 根据网站的配色方案，放大到500%（桌面上的Chrome）显示，有些线条是蓝色的，有些是白色的，有些是灰色的。它们的长度也不相等，当我在网页上滚动时，它们似乎会改变位置（即：向左/向右移动一点）。

这听起来类似于(“在iPad上，当网站以低于100%的比例浏览时，有时会出现一些人工制品。其中一个特别明显：div之间有一条1像素的线，就像在你的网站上一样，在菜单下”）

该答案的解决方案建议您：

• 禁用缩放（如果您设计为以该特定大小查看）
• 元素上有1px的重叠（例如，边距：-1px）

---

重叠修复在过去对我很有效，但对于基于表格的布局来说，这可能会更困难。

能否将CSSADD作为粘贴库链接提供。使用meta禁用缩放功能viewport@darryn.ten为什么我要禁用缩放？而且，我甚至不需要在移动设备上缩放就能看到线条，它们总是在那里.但是你说的问题是在不同的缩放级别上…而且，表格很糟糕，m'Kay听起来很像，但不确定它到底是什么。缩放到500%显示一些线条是蓝色的，一些是白色的，一些是灰色的。它们的长度也不相等，当我在网页上滚动时，似乎会改变位置。啊哈，si情景我在想出现的“线条”只是背景色，它实际上是元素的1倍。Webkit过去在缩放时的百分比宽度有问题（但你的是在px中定义的，对吗？），有时在悬停时也会产生1倍的间隙（通过添加位置：相对于TDs来固定）.除此之外，我还被难住了！好的，谢谢你的建议。一旦我再次访问CSS，我将尝试一下。一些浏览器上的人工制品就是这样！谢谢你的澄清。