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>