jquery - Jquery窗口调整大小错误

Question

我有一个弹出窗口，我正在尝试动态调整大小并保持水平居中。由于弹出窗口需要在移动和桌面环境中工作，我写了一点 jQuery 来处理重新调整大小并在窗口宽度小于max-width弹出窗口宽度时删除边距。这一切都正常工作，除了每当我慢慢调整窗口大小时，弹出窗口默认为拥抱左边缘而不是保持居中。这是我的代码，任何帮助都将不胜感激，因为 CSS 仍然让我有点不知所措。

jQuery：

$(window).resize(function(){
    var w = $('.body').width();
    if (w > 1000) {
        $('.popup_modal').css({"left": (w - 1000) / 2 + "px"});
    } else if (w < 1000) {
        $('.popup_modal').css({"left": "0px"});
    }
});

CSS：

.popup_modal {
    display: none;
    width: 100%; 
    max-width: 1000px;
    float: left; 
    background: #fff; 
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ccc;
    position: relative; 
    margin-top: 20px; 
    padding: 20px;
}

谢谢！

Answer 1

更改为此代码：

$(window).resize(function(){
    var w = $(window).width;
    if (w > 1000){
        $('.popup_modal').css({"left" : (w-1000)/2 + "px"});
    } else if (w < 1000){
        $('.popup_modal').css({"left" : "0px"});
    }
});