0

我们正在构建一个表单以紧密复制打印版本,该版本需要将输入文本字段精确放置在图形元素上的图层中以匹配打印表单。一切正常,直到客户要求文本正确对齐。测试表明,IE9-10 不会在最右边的字母右侧添加字母间距,而其他浏览器会这样做。不幸的是,这会导致输入字段内容排列在不同的位置。CSS 进行了调整以使数字在下面的框上对齐,但是,在 IE9-10(以及可能的早期版本)中,数字向右移动(没有间距)。去掉字母间距可以解决问题,但我们需要它来匹配框的位置。

http://siteground164.com/~contexed/design1/index.php/education/techmark/decision-form-2n

4

1 回答 1

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 等声明)。

于 2013-10-17T22:25:43.563 回答