我们正在构建一个表单，以密切复制打印版本，该版本需要在图层元素上的图层中精确放置输入文本字段以匹配打印表单。一切都工作正常，直到客户要求文本对齐。测试显示，IE9-10不会在最右边的字母右边添加字母间距，而其他浏览器则会这样做。不幸的是，这导致输入字段内容排列在不同的位置。调整CSS以使数字在下面的框上排成一行，但是，在IE9-10（可能是早期版本）中，数字向右移动（无间距）。取出字母间距可以解决问题，但我们需要它来匹配框位置。
http://siteground164.com/~contexed/design1/index.php/education/techmark/decision-form-2n
答案 0 :(得分：0)
您正在寻找的是响应式样式表，特别是：
@media screen and (min-width:0\0) {/* Enter CSS here */ }
或条件样式表，如下所述：http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
这是你最好的选择。不幸的是，在这种情况下，与许多其他情况一样，跨浏览器CSS通常不是一个好的解决方案，并不意味着浏览器特定的工作表，块或属性。这本质上是不同浏览器的设计（因此需要IE 10之前的条件，响应样式表和-moz，-webkit，-khtml等许多属性之前的声明）。