Question

在IE11开发人员工具中，布局的文本框宽度和高度与代码

不同

在代码中，width和height属性设置为width:196和height:22。但是，IE11以不同的方式计算它，width = 192和height = 16，如上图所示。相反，高度和宽度的计算与IE9的代码完全相同，即width:196和height:22。见下图。

此外，填充和边框在IE11中的计算方式不同。 HTML代码在IE9中按预期呈现，但在IE11中，文本框向左移动。为什么？如何在不打开兼容模式的情况下在IE11中运行相同的代码？

该应用程序与IE9兼容，尝试在IE11上运行但面临此类显示问题。

代码：

<html>
    <head>
        <title>xxxx</title>
    </head>
    <body>
        <form style="position:absolute; top:0; left: 0;"">
            <pre>
                <span style="font-size:12pt;color:black;height:13">
                    <label style="position:absolute;left:180;top:312;">    Aaaaaaax  N/A  Baaaaaa:                         (+/-) (Kxx.)</label>
                </span>
                <span style=";font-size:12pt;color:black;background-color:white;height:15;text-align:right">
                    <input name=XX type=text value="#0.00" maxlength=19 title="XX" style="position:absolute;left:420;top:309;width:196;font-size:12pt;color:black;height:22;text-align:right"></input>
                </span>
            </pre>
        </form>
    </body>
</html>

我的问题被标记为重复的答案无法解答为什么IE11中文本框的宽度减小。

文本框的宽度和高度减少了IE11

0 个答案: