防止元素在Chrome中跳跃

Question

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

据我所知，这只发生在Chrome中，我不明白这是怎么回事，因为它在FireFox, Opera和IE中都能很好地工作。

我的CSS或标记有什么问题吗?还是Chrome浏览器的bug ?或者这里发生了什么?有什么办法能防止它发生吗?

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中设置了测量值。

我可能是错误的描述，但解决方案工作:)