放大不同导航器时div之间的差距答案

【问题标题】：Gap between div when zooming in different navigators放大不同导航器时div之间的差距
【发布时间】：2012-02-26 11:08:01
【问题描述】：

当我缩放或缩放网页时，我无法摆脱 div 之间的间隙。在 Firefox 中，它就像一个魅力，但是当我尝试时，我 IE9 1px 行出现了，但没有其他地方。如果我尝试使用 safari，以“真实大小”或 100% 缩放，它可以工作，但是一旦我更改缩放、增量或减量，我的意思是，放大或缩小大量行。跟 Chrome 一样； 100% 没问题，110% 不好，115% 变好但不完美....

我试过了；

margin-top:-1px

但是在这里和那里应用它之后，只要我放大或缩小，就会出现新的 1px 行

也试过了

border-radius: ;
-webkit-border-radius: ;
-moz-border-radius: ;

但也没有用。

这可能与它们都是绝对的事实有关吗？我不会再从 Photoshop 中导出任何东西，但我想完成这个

谢谢！

附：这是网址 http://www.butterfly-paradise.com/

【问题讨论】：

标签： html navigator gaps-in-visuals

【解决方案1】：

我认为接缝来自绝对定位和一堆图像以不同的背景颜色相互对接的组合。更大的问题是这不是一个很好的布局方式。

接缝不会影响网站的可用性，而且很少有人使用浏览器缩放，因此是否值得修复取决于您。

如果您想尝试修复它，我建议您从头开始。没有任何方法可以从 Photoshop 中修复它，并且尝试编辑它生成的代码将花费更长的时间而不是仅仅完成它。您可以尝试使用 Dreamweaver 之类的工具，甚至可以手动编写代码。如果这听起来太激烈，那就离开吧。但如果这听起来有点令人兴奋，那就去吧。

【讨论】：

感谢您这么快回答。我必须修复它。客户肯定会注意到它。我尝试从 Photoshop 导出到 div 的 talbes，它也一样！我将不得不从头开始。谢谢！
我编辑了我的答案。如果即使使用表格布局仍然存在接缝，我认为问题更多在于使用图像网格进行布局而不是绝对定位的技术。尝试仅在必要时使用图像。祝你好运。
谢谢，我尝试使用表butterfly-paradise.com/withtables.html 并没有那么糟糕，但仍然不完美。非常感谢。