处理浏览器缩放(缩放导致包装)

时间:2014-09-16 19:49:56

标签: html css zoom wrapping

我的公司电子商务网站存在问题。在非宽屏显示器上,如果您在浏览器缩放到110%或更高时我们的某个页面,则布局变得混乱(具体而言,右侧Div,其中80%的页面(粗略地)被推到下方左侧div)。

该网站使用Smarty模板引擎构建并使用顶峰推车,但两者都经过了前任开发人员和我自己的严格修改。通过浏览器缩放可以做些什么来改善网站的多功能性?它不会成为一个问题,除了我的老板总是将她的浏览器缩放到110%。

示例页面:http://www.buynowornever.com/handbags/(但是左侧有过滤器的任何页面都会这样做。)

页面上的间距显然有问题,因此当浏览器尝试在缩放中重新格式化时,右边的div会变得太大而溢出。我尝试用各种溢出技巧来纠正这个问题,但都没有成功。

我已经在这里(包括How to prevent the floating layout wrapping when firefox zoom is reduced)和其他网站上查看了几个答案,并且无法让它们适合我的情况。我的CSS和网页设计技能不是很强。

1 个答案:

答案 0 :(得分:0)

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

在这些情况下我真的应该记得GIGO。