CSS字体过渡不挠

工作改变字体大小是不是只要家长有柔性显示工作时，我使用CSS字体过渡不挠

.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;

}

<div class="parent"> 
    <p>Hello</p> 
</div>

转型。它在删除flex属性时起作用。有没有解决这个问题？

来源

2017-03-13 Cyber Junkie

你使用什么浏览器？这适用于我和Chrome以及Firefox：JSFiddle：https://jsfiddle.net/7xwbqjw4/ –

不相关，但是您的CSS规则中的前缀过渡属性之后缺少'transition'的非前缀属性。 '过渡：所有的0.3s缓解;'总是最佳做法是在CSS规则中的前缀属性之后有非前缀CSS属性。 –

我在Firefox，Safari和Chrome中尝试了您的代码，并且字体大小发生变化时，过渡效果工作正常。

如果它不适合你，你可以尝试添加显示：-webkit-flex;以及显示：flex;在你的CSS代码是这样的：

display: -webkit-flex; 
display: flex;

来源

2017-03-13 16:47:51

CSS字体过渡不挠

回答

相关问题