CSS 布局在放大/缩小时中断

Question

我是一名自学成才的网页设计师，拥有 3 个左右的网站。我刚刚为一位 friend 的客户完成了网站的第一页，因此比“真正的”客户更有耐心。

我喜欢这些网站的外观，它在流行浏览器的范围内相当一致，总的来说，我为此感到非常自豪，直到我意识到一个主要问题，老实说，离让我放弃我的浏览器大约两步之遥梦想成为一名网页设计师。

当使用 Chrome、Safari 或旧版 Explorer 时，如果有人将缩放比例设置为 100% 以外的任何值，网站的布局就会分崩离析。

这让我沮丧到近乎抑郁的地步。我用一个 div 包围整个主体，页面布局(在本例中是一个 MENU)几乎完全使用绝对定位的 UL(无序列表)完成。

该站点的组成方式是所有部分都相互连接(几乎像一个拼图)，如果某些部分不一致，那将是非常明显的。

我听说缩放会把数字四舍五入，并且可能会在这里和那里要求一些低 alpha 像素，但在我的情况下，一些 block 元素确实有 25-50 像素的错位。

http://www.stevemarcella.com

Answer 1

现在还不需要粉碎你的梦想 :> 总有希望。

您应该做的第一件事是检查所有错误，根据验证程序，这些错误是主页上的 536 错误。我建议您运行验证器并逐一更正错误。它可以解决你的问题。我注意到的第一个错误是您在 body 之外有一个 div 元素。您应该将所有内容都放在 body 标签内。

这是在体外。

<div class="wrapAroundBody" id="IdWrappingWholeBody">

希望对您有所帮助。