CSS元素过渡高度不适用于chrome

CSS元素过渡高度不适用于chrome,css,google-chrome,height,css-transitions,Css,Google Chrome,Height,Css Transitions,我试着在css上制作一些带有过渡的动画,除了元素的高度外,其他都可以。 我正在使用chrome,一些使用其他浏览器(如safari)的人告诉我,它正在工作,即使我需要它在所有主要浏览器上工作,我目前正在尝试找到chrome的修复程序。这是小提琴: 如您所见,我有我的元素(#test),在css中我有: #test{ height: 4vh; -prefixes-transition-property: height; -prefixes-transition-durat

我试着在css上制作一些带有过渡的动画,除了元素的高度外,其他都可以。 我正在使用chrome,一些使用其他浏览器(如safari)的人告诉我,它正在工作,即使我需要它在所有主要浏览器上工作,我目前正在尝试找到chrome的修复程序。这是小提琴:

如您所见,我有我的元素(#test),在css中我有:

#test{
    height: 4vh;
    -prefixes-transition-property: height;
    -prefixes-transition-duration: 0.3s;
}
#text:hover{
    height:8vh;
}

但是高度没有设置动画。我把其他东西放在提琴上,只是为了表明它们起了作用。有人用chrome修复了这个问题吗?

你不能从
自动转换到
<代码>自动
被替换为0。加:

#test {
    height: 4vh;
}

你投了反对票吗?人类。。。