我刚刚意识到我网站上的项目宣传片未能在Google Chrome中悬停。 我把它写成了一个小提琴，发现它是固定的大小。
width: 120px;
height: 120px;
padding: 10px;
transition: padding 0.3s ease;
看到这个小提琴：http://jsfiddle.net/o63qjeo6/2/
它可以在Safari和Firefox中使用，但只有当您将高度设置为＆＃34; auto＆＃34;时才能在Google Chrome中使用。
是否有人为此设置了解决方法（除了将值设置为＆＃34; auto＆＃34;）或对此错误的可能解释？
我想知道为什么它在Safari中起作用，因为它们都使用Webkit。