这段代码:
应该将字体大小增加20%,在所有浏览器上都可以实现,除了Chrome浏览器之外,在这个浏览器上,由于某种原因它会减小字体大小。
具体来说,我正在使用的页面是:http://dl.dropbox.com/u/67774614/letters/letters.html。输入字母以使它们下降,然后字母应该在鼠标悬停时增加字体大小并跳动变红。在Chrome浏览器上,它们应该(错误地)减小字体大小。
问题出在这个脚本的第82-90行:http://tny.cz/49bc46f7 这里有一个建议的fiddle链接:http://jsfiddle.net/cZEzy/1/
$(div).stop().animate({
fontSize: "+=20%",
}, {
duration: duration2,
easing: "easeOutBack"
});
应该将字体大小增加20%,在所有浏览器上都可以实现,除了Chrome浏览器之外,在这个浏览器上,由于某种原因它会减小字体大小。
具体来说,我正在使用的页面是:http://dl.dropbox.com/u/67774614/letters/letters.html。输入字母以使它们下降,然后字母应该在鼠标悬停时增加字体大小并跳动变红。在Chrome浏览器上,它们应该(错误地)减小字体大小。
问题出在这个脚本的第82-90行:http://tny.cz/49bc46f7 这里有一个建议的fiddle链接:http://jsfiddle.net/cZEzy/1/
console.log()
语句以查看Chrome认为的默认字体大小。尝试设置默认字体大小,例如1em/16px
。这样,Chrome就知道从哪里增加字体大小到+=20%
。 - Nope