CSS中的变换比例-意外更改字体

CSS中的变换比例-意外更改字体,css,scale,Css,Scale,鼠标悬停后我的代码更改字体样式。它可能与这个font:14px/1.6“开放式Sans”,无衬线

鼠标悬停后我的代码更改字体样式。它可能与这个
font:14px/1.6“开放式Sans”,无衬线
HTML


试试这个工作片段

正文{
字体:14px/1.6“开放式Sans”,无衬线;
}
u-div{
宽度:25%;
浮动:左;
保证金:10px自动20px自动;
}
c-数据{
显示:块;
保证金:0px自动0自动;
}
利兹巴先生{
游标:默认值;
过渡:均为0.2s;
-webkit转换:所有0.2秒;
-moz转换:全部为0.2s;
-o-过渡:均为0.2s;
-ms转换:均为0.2s;
文本对齐:居中;
显示:块;
字号:80px;
字体大小:粗体;
线高:80px;
}
.c-data:hover.liczba{
字体大小:90px;
}

6.

意外?你期待什么?缩放跨度时,字体会发生变化。看起来一切正常。最好的方法是:)泰!谢谢你,罗伯特
.c-data:hover .liczba{
transform: scale(1.2, 1.2);
}
    <div class="u-div">
        <div class="c-data">
            <span class="liczba"></span>
        </div>
    </div>