如何在mozilla上使用链接转换

Question

我有这个代码，它应该在鼠标悬停时缩放链接

HTML

<a class='subj' href='#'>English 2</a> </br>

CSS

    .subj{
    text-decoration:none;
    transition: 0.5s ease-in-out ;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
}
.subj:hover { 
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2); 
}    

当代码为<p>时，此代码在chrome和mozilla上都可以正常工作但是<a>时代码不能在mozilla上工作但在chrome上工作

Answer 1

将.subj display属性设置为inline-block。

.subj {
    text-decoration:none;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    display: inline-block;
}