模态对话框(showModalDialog）中的对象don'我不尊重ie8中100%的宽度.变通办法

Object in modal dialog (showModalDialog) don't honor 100% width in ie8. Workaround?

本文关键字：100% ie8 showModalDialog 对话框 对象 don 模态      更新时间：2023-09-26

信不信由你，在ie8的模式对话框中，100%宽度功能似乎无法正常工作。

看看这个简单的示例代码。

var retVal = window.showModalDialog(URL,window.self, "dialogWidth=600px;dialogHeight=305px;scroll=yes;status=yes;caption=yes;titlebar=yes;menubar=yes;toolbar=yes;help=yes;resizable=yes;center=yes;"); 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
    </head>
    <body>
        <div id="temp" style="width: 100%; height: 500px; border:1px solid red;">
        </div>
    </body>
</html>

运行此代码，然后调整弹出窗口的大小。请注意，红色div保持原始大小，而不是100%。我注意到ff的行为是正确的。

有文字说明吗？

Grae

您需要处理调整大小事件，否则对话框的宽度不会改变。

http://msdn.microsoft.com/en-us/library/system.windows.forms.control.resize.aspx

我使用jQuery来做事件处理，因为跨浏览器支持。。。

相关文章：