IE9 +与其他浏览器之间的CSS3 ch单元不一致

Question

IE9 + 声称支持chCSS单元。根据定义，此单位是“等于当前字体的“ 0”（零，U + 0030）字形的提前量”，或者换句话说，字形的字符框宽度为“ 0” ”。这种解释似乎适用于Firefox 10+和Chrome 27+：<div style="width: 10ch;"></div>并且<div>0000000000</div>具有完全相同的宽度，因为它们具有相同大小的相同字体。但是在IE9 +中，该ch单位的含义似乎有些不同。

这是演示此问题的小提琴：http : //jsfiddle.net/CNsPg/6/

此单元的IE行为的逻辑是什么？还是只是一个错误？是否有可能使IE ch像其他浏览器一样对待单元（可能带有某些IE特定的文本呈现“魔术”）？

Answer 1

根据 caniuse.com，IE 解释1ch为 0 字形的宽度，没有周围的空间。1ch与任何其他浏览器相比，这使得IE 中的代码更短。