Javascript 将可调整大小的jQuery UI锁定为仅垂直调整大小？

我基本上希望将这个可调整大小的元素锁定为仅垂直调整大小。我知道您可以使用minWidth/maxWidth等，但这会将min和max设置为特定的数值，如果我调整浏览器窗口的大小，这些数值将不再准确。关于我如何锁定调整大小的想法

以下是一段代码片段：

#可调整大小{宽度：150px；高度：150px；填充：0.5em；}
#可调整大小的h3{文本对齐：居中；边距：0；}
$（函数（）{
$（“#可调整大小”）.resizable（）；
} );
可调整大小

JQueryUI Resizeble有两个选项可用于执行此操作：

$( "#resizable" ).resizable({
   minWidth:150,
   maxWidth:150
});

您可以使用：

$（“#可调整大小”）。可调整大小({
句柄：“n，s”
});
#可调整大小{宽度：150px；高度：150px；填充：0.5em；}
#可调整大小的h3{文本对齐：居中；边距：0；}

可调整大小