我的公司电子商务网站存在问题。在非宽屏显示器上,如果您在浏览器缩放到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和网页设计技能不是很强。
答案 0 :(得分:0)
问题是糟糕的数据。我使用的一些类别标题中隐藏了密切的div。这在某些页面上引起了布局问题,但由于层次结构,并不是完全致命的(并且chrome非常优雅地处理其中一些问题)。我清理了数据问题,所有页面都按预期工作.....
在这些情况下我真的应该记得GIGO。