Internet Explorer 11“n”基于字符的宽度不适合“n”个字符

【问题标题】：Internet Explorer 11 "n" char based width doesn't fit "n" charactersInternet Explorer 11“n”基于字符的宽度不适合“n”个字符
【发布时间】：2017-01-20 06:41:15
【问题描述】：

我正在构建一个需要 char（“ch”）宽度组件的应用程序。但在 IE11 中它似乎不起作用。

例如：

<input style="width: 5ch; padding: 0; margin: 0; font-family: monospace" maxlength="5">

宽度不适合 5 个字符。有谁知道为什么？我在任何地方都找不到答案。

Plnkr example here

已编辑：与另一个问题不同，我使用的是等宽系列字体

【问题讨论】：

CSS3 ch unit inconsistent between IE9+ and other browsers的可能重复

标签： html css internet-explorer internet-explorer-11

【解决方案1】：

更好地使用size attribute:

size 属性给出的字符数，在视觉渲染，用户代理是让用户在看到的同时编辑元素的value。

input {
  padding: 0;
  margin: 0;
  font-family: monospace;
}

&lt;input size="5" maxlength="5"&gt;

【讨论】：

size 的问题是它不会给你正确的宽度（和ch 一样）
另外我需要用一个div，输入只是一个例子。
在没有 maxlength 的 chrome size=5 上，可以将值设置为 123456 并且所有字符都可以放入其中。
@Dekel 好吧，这似乎是 Chrome 的错。出于某种原因，它使输入比size 宽一个字符。
@Oriol，检查定义的其余部分：“如果属性存在......并且如果结果是大于零的数字，那么用户代理应确保 至少有很多字符可见" - 这不是确切的数字。