带有填充过渡和固定大小的 Chrome 问题答案

【问题标题】：Chrome Issue with padding transition and fixed size带有填充过渡和固定大小的 Chrome 问题
【发布时间】：2015-11-19 19:55:34
【问题描述】：

我刚刚意识到我网站上的项目预告片不会在 Google Chrome 中调整悬停时的大小。我把它写到一个 Fiddle 上，发现它是固定大小的。

width: 120px;
height: 120px;
padding: 10px;
transition: padding 0.3s ease;

它可以在 Safari 和 Firefox 中使用，但只有在您将高度设置为“auto”时才能在 Google Chrome 中使用。

是否有人对此有解决方法（将值设置为“auto”除外）或对此错误的可能解释？

我想知道为什么它可以在 Safari 中工作，因为两者都使用 Webkit。

【问题讨论】：

【解决方案1】：

这是因为您启用了box-sizing: border-box;。

【讨论】：