CSS中缩放属性与比例属性的用法及区别

CSS中缩放属性与比例属性的用法及区别
本文主要介绍CSS中的缩放属性和比例属性的用法和区别。这是CSS入门学习的基本知识,需要的朋友可以参考一下。
缩放属性
Grammar:
变焦:正常| |
默认值:正常值
应用于:所有元素
继承权:有
价值:
正常:
使用对象的实际大小。

用浮点数定义缩放比例。负值是不允许的。

百分比用于定义缩放比例。负值是不允许的。
解释uff1a
设置或检索对象的刻度。
相应的脚本功能是缩放。

表属性
刻度属性的值是2,它本身实际上等同于一个函数,因为它的书写与函数相同:
比例();
刻度(x);
刻度(x,y);
1,缩放(x,y)缩放元素
x表示y在水平方向上的倍数,表示垂直方向的缩放倍数。
y是一个可选参数,没有设置为x,y的两个方向的缩放倍数是相同的,并以x为标准。
变换:规模(2,2.5);
2、()元的scaleX只有尺度在X轴上的元素(水平方向)。
默认值为1,基本点位于元素的中心。
变换:scaleX(2);
3,称为()元的唯一尺度的元素在Y轴(垂直方向)。
基点位于元素的中心,基点可以通过变换原点来改变。
变换:称(2);
看兼容性写作:
CSS代码将内容复制到剪贴板。
测试{。
-moz变换:规模(2,2);
WebKit的变换:规模(2,2);
- o-transform:规模(2,2);
背景:URL(IMG / i.webp)不重复;
宽度:198px;
身高:133px;
}

缩放与缩放的区别
这两件事,缩放,用于放大的元素,但除了兼容性有些差异。变焦缩放将保持元件在左上角,和规模的默认的中间位置,这可以通过设置transform-origin.in渲染序列之外,他们执行不同的缩放可能影响盒子的计算。
功能
CSS代码将内容复制到剪贴板。
{ div
宽度:300px;身高:100px;
边境:1px solid # CCC;
字体大小:0px;
行高:100px;
保证金:10px;
}
{跨度
显示:内联块;
高度:80px;宽度:200px;背景:# f5f5f5;
垂直对齐:中间;
溢出:隐藏;
}
<样式>
WebKit的变换起源:左上;
WebKit的变换:规模(0.5);
>

tag:属性缩放比例区别电脑软件

相关内容