Chrome JavaScript计算线高度，位置不同

我正在做一个简单的文本阅读器，它有一行便于阅读

它使用键盘上的向上和向下箭头键，每个键都可以根据“线高度”属性调整红线的“顶部”位置。下面是函数

var line = example.$line[0],
    $text = example.$text,
    top = parseFloat(line.style.top).toFixed(1) / 1,
    lineHeight = parseFloat($text.css('line-height')).toFixed(1) / 1; 

// UP KEY PRESSED
if (move == 'up') {
    line.style.top = (top - lineHeight) + 'px';
    return;
}
// DOWN KEY PRESSED
if (move == 'down') {
    line.style.top = (top + lineHeight) + 'px';
}

但是，只有铬看起来效果不同。 我怎样才能修好它

---

同样在

px

中使用

行高将解决此问题

（我刚刚在Chrome上测试过）

我只更改了您的css：

line-height: 1.8;

为此：

line-height: 22px;

在Chrome、Firefox和InternetExplorer中似乎可以很好地工作。是的，但在IE11中只能使用本机代码。不要拉小提琴。在Chrome中，将线向下移动一点，然后在0.x像素处显示不同的位置。相关字体大小切换存在一些问题。。但我只是写了所有字体大小行高的css类。