Javascript 如果DIV中的文本不够长，jquery ui对话框动画将不平滑

我想在页面底部显示一个jQueryUI对话框，显示页面的整个宽度。如果用户缩放浏览器窗口，它也应该自动调整大小。其想法是，它从窗口底部出现，并延伸窗口的整个宽度

下面的代码确实生成了一个横跨窗口的对话框，并将自动调整大小。问题是，如果helpDialog DIV中的文本不够长，无法穿过窗口，则对话框将打开并显示动画，然后跳转/拉伸以适应窗口

如果文本足够长，可以在屏幕上显示，那么对话框就会显示动画，看起来就像是从窗口底部出现的

有什么想法或建议吗？谢谢

var windowWidth = $(window).width();
    $('#helpDialog_ABOUT').dialog({
    width: 'auto',
    position: { my: "right bottom", at: "left bottom", of: $(window)},
    draggable: false,
    autoOpen: false,
    modal: true,
    show: {
        effect: "drop",
        direction: "down",
        duration: 1000
        },
        hide: {
            effect: "drop",
            direction: "down",
            duration: 700
        }
    });
    $('#helpButton_ABOUT').click(function(){
        $('#helpDialog_ABOUT').dialog('open').width(windowWidth);
    });

---

感谢凯文B为我指明了正确的方向

将宽度：“自动”更改为宽度：“100%”

var windowWidth = $(window).width();
$('#helpDialog_ABOUT').dialog({
width: '100%',
position: { my: "right bottom", at: "left bottom", of: $(window)},
draggable: false,
autoOpen: false,
modal: true,
show: {
    effect: "drop",
    direction: "down",
    duration: 1000
    },
    hide: {
        effect: "drop",
        direction: "down",
        duration: 700
    }
});
$('#helpButton_ABOUT').click(function(){
    $('#helpDialog_ABOUT').dialog('open').width(windowWidth);
});

---

大概你不想要自动宽度？因为，这正是auto width.FACEPALM应该做的！谢谢你，凯文。一直盯着屏幕看太久了。将其更改为宽度：“100%”，这就清除了它。