在CSS中轉換比例 - 意外更改字體

Question

懸停後我的代碼更改了字體樣式。這可能與此font: 14px/1.6 "Open Sans",sans-serif;有關，但我需要這個。是否有可能以其他方式獲得這種效果（縮放到1.2）？或者改變這個CSS？我的code。

.c-data:hover .liczba{ 
transform: scale(1.2, 1.2); 
} 

HTML

<div class="u-div"> 
     <div class="c-data"> 
      <span class="liczba"></span> 
     </div> 
    </div> 

Answer 1

試試這個工作片斷

body { 
 
    font: 14px/1.6"Open Sans", sans-serif; 
 
} 
 
.u-div { 
 
    width: 25%; 
 
    float: left; 
 
    margin: 10px auto 20px auto; 
 
} 
 
.c-data { 
 
    display: block; 
 
    margin: 0px auto 0 auto; 
 
} 
 
.liczba { 
 
    cursor: default; 
 
    transition: all 0.2s; 
 
    -webkit-transition: all 0.2s; 
 
    -moz-transition: all 0.2s; 
 
    -o-transition: all 0.2s; 
 
    -ms-transition: all 0.2s; 
 
    text-align: center; 
 
    display: block; 
 
    font-size: 80px; 
 
    font-weight: bold; 
 
    line-height: 80px; 
 
} 
 
.c-data:hover .liczba { 
 
    font-size: 90px; 
 
}

<div class="u-div"> 
 
    <div class="c-data"> 
 
    <span class="liczba">6</span> 
 
    </div> 
 
</div>