防止元素在Chrome中跳转

Question

查看http://myhymnal.net/2页面。在Chrome中，当页面加载标题和歌词之间的所有其他元素（键选择器和链接）似乎移动了一点。将鼠标悬停在两个部分上时也会发生相同的情况。似乎与不透明度和/或CSS过渡有关？

据我所知，这只发生在Chrome中，我不明白这里发生了什么，因为它在FireFox，Opera和IE中都运行良好。

关于我的CSS或标记有什么问题吗？或者它是Chrome中的错误？或者这里发生了什么？有什么方法可以防止它发生？

Answer 1

更改您的font声明：

body, input, textarea, select {
    font: 120%/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

到

body, input, textarea, select {
    font: 100% 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

似乎所有元素都按照此缩放，因为它们在em中设置了测量值。

我对描述错了，但解决方案有效：）