当浏览器窗口缩小,默认100%宽度为浏览器窗口的宽度。忽略下部内容层固定宽度(1100px)。就出现了固定宽度大于100%宽度的现象。查看以此理解来解析页面,就出现了容器宽度理解上的差异,出现了一个非常奇特的BUG。
width:expression_r(document.body.clientWidth <= 1100? "1100px": "auto");
min-width:1100px;
这种bug一般不常见,或者没有注意到。
但网站放到手机上浏览的时候,就会发现,右侧大块空白。
直接设置 把最大宽度设置成 min-width:npx; 即可