html - 处理浏览器缩放(缩放导致换行)

Question

我在我公司的电子商务网站上遇到了问题。在非宽屏显示器上，如果您在浏览器缩放到 110% 或更高时浏览我们的页面之一，布局就会变得困惑(具体来说，占页面 80%(大约)的右侧 Div 会被推到下方左侧 div)。

该站点是使用 Smarty 模板引擎构建的，并使用了 pinnacle cart，但两者都经过了前任开发人员和我本人的大量修改。如何通过浏览器缩放来提高站点的多功能性？这不是问题，除了我的老板总是将她的浏览器缩放到 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。