Question

我有一个div标签，它是（div标签）可调整大小的，里面我有一个h1标签（或者它可以是任何标签）。

问题：

我有两个问题：

宽高比不正常，因为我想要的意思是＆＃34;当我增加/减小div的大小时，它的高度越来越大＆＃34;那么如何正确设置呢
我想在调整大小时确定最小宽度＆＃34;如果在减小到达27px的大小时它会停止减少。＆＃34;

代码

$('.draggable_element').each(function() {
        $(this).resizable({
        autoHide: true,
      handles: 's,e,w',
      aspectRatio: 1/9
    });
})

Here is my jsFiddle

更新：

我想我没有正确解释我的第一个问题，知道第一个问题请访问我的小提琴链接尝试调整（增加/减少）div从左侧或右侧div的高度会自动增加问题

Answer 1

对于您的第一个问题，您可以使用aspectRatio: true，它将根据您的元素的宽度和高度使用初始宽高比。

对于第二个问题，您可以使用minWidth选项

$('.draggable_element').each(function() {
    $(this).resizable({
      autoHide: true,
      handles: 's,e,w',
      aspectRatio: true,
      minWidth: 27
  });
})

Answer 2

aspectRatio应为布尔值。您可以使用宽度和高度设置大小。

或者您也可以尝试将比率更改为＆＃39; 9/1＆＃39;：aspectRatio: 9/1，也应该做的工作......

设置＆＃39; minWidth：27＆＃39;。

$(this).resizable({
  autoHide: true,
  handles: 's,e,w',
  aspectRatio: true,
  minWidth: 27
});

Answer 3

正如我看到你的小提琴。为什么你不能删除obj= (from scrn in db.rolsp_scrn_screen from rmap in db.rolsp_perm_levelmapping .Where(rl=>rl.scrn_id==scrn_id).DefaultIfEmpty() select new screendetails { scrn_id=scrn.scrn_id, scrn_name= scrn.scrn_name, Read=rmap.perm_read, Write=rmap.perm_write }).ToList();。它会像你期待的那样对你有用。

请更新您的调整大小（）。

aspectRatio

我想你可能会看起来像这样的

认为它会有所帮助

jQuery UI：当我增加/减少div的大小时，如何设置调整大小限制，宽高比

3 个答案: