下划线厚度是否应当随着字体大小改变而改变?

[yisibl]

在使用 text-decoration:underline 生成下划线的时候，其厚度是根据字体大小的变化而变化的，但是每个浏览器的计算方式也会有差异。

当父元素设置了 text-decoration:underline ，厚度计算有如下几种情况：

• IE8-10 中根据字号最大的子元素来计算。
• Chrome 32 之前根据父元素字号来计算，Chrome 33 开始支持text-underline-position:under，改变了渲染策略，下划线会随着父元素字号改变而改变。
• Firefox 根据父元素字号来计算。

Chrome 33 现在的实现有很多 Bug，Demo

以上结论需要进一步测试。

通常，text-underline-position:under 是我们需要的中英文混排时的下划线效果，所以在使用 padding-bottom 模拟的时候是否可以尽量往这个效果靠拢？han.css 目前使用的是固定厚度1px。

[ethantw]

如果Chrome支援都沒問題了，han.css可以直接採用這個屬性，不支援的瀏覽器則使用當前的邊框fallback。

從範例看起來，底線和字間的距離好像有點大。Chrome是怎麼計算這個間距的呢？