所以我有一个我创建的Bootstrap模式,我试图使用
jquery使其可调整大小.我有调整大小水平工作,但如果你尝试垂直调整大小,就像模态内的内容不包含在我试图调整大小的元素中.
我尝试在.resizable()上使用’alsoResize’属性,并包含模态中的所有div,但这似乎会导致其他问题.
$('.modal-content').resizable({
alsoResize: ".modal-header,.modal-body,.modal-footer"
});
解决方法
你真的做对了！但HTML元素的默认溢出行为是可见的.因此,如果父元素的内容溢出,它们会突破模态并且看起来不太好！因此,您需要设置CSS overflow属性以滚动或隐藏以修复小尺寸的破坏.尝试添加：
.modal-content.ui-resizable {
overflow: scroll;
}
这将确保在元素溢出时滚动.
链接到JSFiddle：https://jsfiddle.net/p7o2mkg4/1/
