Css 为什么我的转变行为怪异？

所以，对于我的俱乐部日历，我正在尝试一个过渡游戏，当td悬停在上面时，它会变得更大。然而，当我这样做的时候，虽然里面的文本变大了，但是盒子并没有真正变大。此外，彩色框具有这种奇怪的后效，顶部和/或底部保持较大。这里是小提琴（我是新手，所以如果链接不起作用，我道歉）：

我认为，以下是相关代码：

td {
    width: 35px;
    text-align:center;
    font-family: Helvetica, Arial;
    font-size: 16px;
    font-weight: 100;
    transition: transform 1s ease-in;
}
td:hover {
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

如果，如果你能解决这个问题，你也能花点时间解释为什么这个解决方案有效，我会非常感激，因为我希望自己将来能够解决这个问题，以及相关的问题。谢谢 编辑：谢谢大家的快速回复！我尝试了所有的解决方案，但一旦过渡结束，框就会变成白色。不知什么原因，这可能是我的电脑吗？ 编辑：无需担心：问题已解决！谢谢大家！ 最后编辑：对不起！我在使用Chrome，如果它现在对任何人都有帮助的话。

更新：

现在，您不需要在

transition

声明中为

transform

的属性加前缀

td {
   width: 35px;
   text-align: center;
   font-family: Helvetica, Arial;
   font-size: 16px;
   font-weight: 100;
   transition: /*transform*/ 1s ease-in;
}

（通过删除

transform

解决了该问题，因此它获得了默认值

all

）

---

。。。过渡：所有1都容易进入
您在哪个浏览器中看到这些奇怪的效果？它在Firefox和IE中运行良好，在Chrome中完全不起作用。如果您所指的问题发生在Chrome中，只需添加
转换：-webkit transform 1s ease in
。。您需要转换
-webkit
前缀版本。这似乎是解决办法@乔希·克罗泽：这提醒了我。。。当与
transition
结合使用其他使用前缀的转换属性时，我总是很难协调跨浏览器支持和供应商前缀。但我确实发布了我的发现——尤其是Chrome的发现非常奇怪：我怀疑它并没有完全解决这个问题，但前缀总是一开始就很难处理。@BoltClock我记得当你发布它时，我读过/投票回了这个答案。你给他们发的邮件有什么回复吗？编辑：我看到它在链接中，没关系。@Josh Crozier:是的，如果你访问电子邮件链接的页面，你会看到导航链接-使用“下一个线程”来跟踪对话。这解决了什么问题以及如何解决问题？@torazaburo-前缀问题。。。但是现在它已经无关紧要了。。。注：（该问题已近3年）