Question

我有一个中心浮动网站，并在侧面放置2个条形图，以覆盖#main_container以外的任何图像。

<style>
#main_container{
display:block;
width:1024px;
margin-left: auto;
margin-right: auto;
}
</style>

<div style="background:#000; z-index:100; position:absolute; height:100vh;" id="side-l"></div>
<div style="background:#000; z-index:100; position:absolute; height:100vh;" id="side-r"></div>
<div id="main_container">
<!-- body -->
</div>

我使用jQuery来调整#side-l的宽度以及#side-r的宽度和左边。
页面在加载并添加$(window).resize时效果很好，因此在调整页面大小时，会重新调整侧栏。当窗户尺寸增加时，一切都能正常工作，但是当窗户减少时，一切都会下降大约10px太小。如果我将窗口的大小增加1px，则可以正确调整所有内容。当我减小窗口大小时，无论是1px还是1000px都没关系。侧边栏的数量相同。只调整大小和上传量，才能正常工作。

$(document).ready(function () {

    adjust();

    function adjust(){
        screenwidth=$( window ).width()
        sidewidth=(screenwidth-1024)/2

        $( "#side-l" ).css("width",sidewidth)
        $( "#side-r" ).css("width",sidewidth)
        $( "#side-r" ).css("left",screenwidth-sidewidth)
    }

    $( window ).resize(function() { adjust();adjust(); });
})

如果我在调整大小时调用adjust()函数两次，它甚至可以调整较小的大小。任何人都知道为什么只有在缩小尺寸时它才会破裂？任何修复建议，所以我不必两次调用该函数以使其正常工作？

FireFox 33.1和Chrome 38.0.2125.111 m

jQuery：调整大小调整窗口的布局。奇怪的错误？

0 个答案: