0

我目前正在使用可调整大小的 Jquery ( http://api.jqueryui.com/resizable/ )

而且我注意到它不适用于“box-sizing:border-box;”。

我已经用谷歌搜索了它，但无法得到可靠的答案..（也许我没有花足够的时间..）

有人已经在 js fiddle 上发布了一个与我完全相同的问题示例：

(http://jsfiddle.net/muNjL/)

我不确定这个问题的解决方案是否已经出来了......

如果我别无选择，只能不使用边框，请告诉我。我将不胜感激。

感谢您的阅读和愉快的编码！

-丹尼·C

4

2 回答 2

0

你为什么border-box要把一切都搞定？正常化？

在左侧的 Fiddle Options 下尝试 JSFiddle 的 Normalize CSS。我假设它加载normalize.css。然后删除所有边框声明。您的可调整大小现在应该扩展到父容器的整个宽度和高度。

#container {
    width: 300px;
    height: 300px;
    background: #888;
}

#container #ohboxme {
    background: #FFF;
    border: 1px solid grey;
    padding: 10px;
    width: 200px;
    height: 100px;
    font-size: 10px;
}
于 2013-10-18T00:37:20.890 回答
0

这是 jqueryui 可调整大小的一个已知错误......请参阅http://bugs.jqueryui.com/ticket/8932 现在最好的解决方案是切换到使用 css 'outline' 而不是 'border'。本质上，如果您设置边框，那么它会改变 jquery 的 width() 函数返回的值。这意味着可调整大小的小部件认为该框比实际小。

于 2014-06-25T09:43:33.753 回答