处理浏览器缩放（缩放导致换行）

Question

我在公司的电子商务网站上遇到了问题。在非宽屏显示器上，如果您在浏览器缩放到 110% 或更高的情况下浏览我们的某个页面，则布局会变得混乱（具体而言，占页面 80% 的右侧 Div（大约）被推到下方左侧 div)。

该网站是使用 Smarty 模板引擎构建的，并使用了 pinnacle 购物车，但之前的开发人员和我都对两者进行了大量修改。通过浏览器缩放可以做些什么来提高网站的多功能性？这不会是一个问题，除了我的老板总是让她的浏览器缩放到 110%。

示例页面：http://www.buynowornever.com/handbags/（但任何带有左侧过滤器的页面都可以）。

页面间距显然有问题，以至于当浏览器尝试在缩放中重新格式化时，右侧的 div 变得太大并溢出。我试过用各种溢出技巧来纠正这个问题，但都没有成功。

我在这里（包括How to prevent the floating layout wrapping when firefox zoom is reduced）和其他网站上查看了几个答案，但无法使它们适合我的情况。我的 CSS 和网页设计技能不是很强。

Answer 1

问题是错误的数据。我使用的一些类别标题中隐藏了关闭的 div。这在某些页面上引起了布局问题，但由于层次结构，并不是完全致命的（并且 chrome 非常优雅地处理了其中一些问题）。我清除了数据问题，所有页面都按预期工作.....

在这种情况下，我真的应该记住 GIGO。