css里面使用scale时出现的小问题,请问如何解决?

html-css017

css里面使用scale时出现的小问题,请问如何解决?,第1张

一、scale()方法

缩放,指的是“缩小”和“放大”。在CSS3中,我们可以使用scale()方法来将元素根据中心原点进行缩放。

跟translate()方法一样,缩放scale()方法也有3种情况:

(1)scaleX(x):元素仅水平方向缩放(X轴缩放);

(2)scaleY(y):元素仅垂直方向缩放(Y轴缩放);

(3)scale(x,y):元素水平方向和垂直方向同时缩放(X轴和Y轴同时缩放);

scale有2个参数。

transform:scale(x,y)

x y代表两个轴上的缩放,同时可以使用

transform:scaleX()

transform:scaleY()

来单独对x轴 y轴进行缩放

1.改变字体大小。增大字号,可以尽可能的让文字接近正常的大小,从而减少模糊的程度。

2.改变屏幕分辨率。把屏幕分辨率调到一个较高的值,可以改善文字的清晰度。

3.通过css3中的text-shadow属性来给文字加上阴影,从而减轻文字模糊的程度。

4.使用hint属性来为cssscale提供hint信息,从而获得更为清晰的输出。