В инструментах разработчика IE11 макет имеет ширину и высоту текстового поля, отличного от кода
В коде ширинаи свойства высоты установлены в width:196 и height:22.Тем не менее, IE11 вычисляет его по-разному, ширина = 192 и высота = 16, как показано на рисунке выше.Напротив, высота и ширина вычисляются точно так же, как в коде IE9, который равен width:196 и height:22.См. Рисунок ниже.
Кроме того, отступы и границы вычисляются по-разному в IE11.HTML-код отображается в IE9, как и ожидалось, но в IE11 текстовое поле перемещается влево.Зачем?Как я могу заставить один и тот же код работать в IE11 без включения режима совместимости?
Приложение совместимо с IE9, пытается запустить его на IE11, но сталкивается с такими проблемами с отображением.
Код:
<code><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>
Ответ, на который мой вопрос помечен как дубликат, не отвечает, почему ширина текстового поля в IE11 уменьшена.