CSS字体转换不适用于flex

我正在使用

.parent {
    display: flex;
    align-items: center;
}

p {
    font-size: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

p:hover {
    font-size: 20px;

}

你好

---

只要父级具有display flex，更改字体大小时的转换就不起作用。它在删除flex属性时起作用。有解决方法吗？

我在Firefox、Safari和Chrome中试用了您的代码，当字体大小发生变化时，转换效果很好

如果它不适合您，您可以尝试添加display:-webkit-flex；与显示器一起：flex；在CSS代码中，如下所示：

display: -webkit-flex;
display: flex;

---

你用的是什么浏览器？这在Chrome和Firefox for me:JSFiddle:unrelated中运行良好，但是在CSS规则中的前缀转换属性之后，您缺少了

转换的非前缀属性<代码>转换：所有0.3秒轻松在CSS规则中的前缀属性之后添加非前缀CSS属性始终是最佳做法。
display: -webkit-flex;
display: flex;