固定大小的 UI 布局窗格在 IE 9 中更改大小答案

【问题标题】：Fixed-size UI Layout pane changes size in IE 9固定大小的 UI 布局窗格在 IE 9 中更改大小
【发布时间】：2013-12-23 13:05:47
【问题描述】：

我正在使用jQuery UI Layout 插件，我看到固定宽度的窗格在降低窗口高度后会改变其宽度。我只在 IE 9 中看到这一点（使用 Microsoft VM 运行时）。

var myLayout = $('body').layout({
    applyDefaultStyles : true,
    closable : false,
    resizable : false, // <-- fixed size
    west__size : 200 // <-- fixed size
});

如果高度很大，一切看起来都很好：

降低高度后，西窗格的宽度也降低了（甚至超过了垂直滚动条的宽度），而垂直的 div 保持在原来的位置：

任何想法如何解决这个问题？添加myLayout.sizePane("west", 200); 可以改善外观，但不能解决问题。

代码：http://jsfiddle.net/getvictor/2xE5f/

【问题讨论】：

标签： jquery jquery-ui internet-explorer jquery-plugins

【解决方案1】：

您可以通过更改大小并再次将其改回来强制west 窗格的大小正确。

myLayout.sizePane("west", 201);
myLayout.sizePane("west", 200);
$(window).resize(function() {
    myLayout.sizePane("west", 201);
    myLayout.sizePane("west", 200);
});

http://jsfiddle.net/pTD2H/

这不是一个好的解决方法。如果窗格的高度因其他原因（如可调整大小的文本区域）而发生变化，问题将再次出现。

【讨论】：