苍井空一区二区-苍井空在线视频网站免费-苍狼导航精品导航-藏经阁av无码综合亚洲-操逼黄色视频网站-操逼无码视频

首頁 > 職業資格  > 

CSS中的zoom屬性和scale屬性的用法及區別

2023-01-10   來源:萬能知識網

CSS中的zoom屬性和scale屬性的用法及區別

CSS中的zoom屬性和scale屬性的用法及區別是什么呢?以下是小編整理的相關內容,歡迎閱讀學習!


(資料圖片)

zoom 屬性

語法:

zoom:normal | |

默認值:normal

適用于:所有元素

繼承性:有

取值:

normal:

使用對象的實際尺寸。

用浮點數來定義縮放比例。不允許負值

用百分比來定義縮放比例。不允許負值

說明:

設置或檢索對象的縮放比例。

對應的腳本特性為zoom。

Scale屬性

scale屬性的取值為2個,它本身其實相當于一個函數,因為它的寫法就和函數一樣:

scale();

scale(x);

scale(x,y);

1、scale(x,y) 對元素進行縮放

X表示水平方向縮放的倍數 Y表示垂直方向的縮放倍數

Y是一個可選參數,沒有設置的話,則表示X,Y兩個方向的縮放倍數是一樣的。并以X為準。

transform:scale(2,2.5);

2、scaleX() 元素只在X軸(水平方向)縮放元素。

默認值是1,基點一樣在元素的.中心位置。可以通過transform-origin來改變基點

transform:scaleX(2);

3、scaleY() 元素只在Y軸(垂直方向)縮放元素。

基點一樣在元素的中心位置。可以通過transform-origin來改變基點。

transform:scaleY(2);

看看兼容性寫法:

CSS Code復制內容到剪貼板

.test{

-moz-transform:scale(2,2);

-webkit-transform:scale(2,2);

-o-transform:scale(2,2);

background:url(img/i.png) no-repeat;

width:198px;

height:133px;

}

zoom和scale的區別

zoom和scale這兩個東西都是用于對元素的縮放,但兩者除了兼容性之外還有一些不同的地方。zoom縮放會將元素保持在左上角,而scale默認是中間位置,可以通過transform-origin來設置。另外他們執行的渲染順序也不同zoom可能影響到盒子的計算。

運行

CSS Code復制內容到剪貼板

詞條內容僅供參考,如果您需要解決具體問題
(尤其在法律、醫學等領域),建議您咨詢相關領域專業人士。

推薦詞條

主站蜘蛛池模板: 天堂之吻动漫在线观看完 | 99久热re| 日伦韩伦一区二区三区 | 国产精品日产欧美一区二区三区 | 国产精品偷窥熟女精品图片 | 免费观看日本黄页视频网站大全 | 成人乱码一区二区三区不卡视频 | 亚洲精品蜜桃 | 免费人成年短视频在线观看网 | 中中文字幕中文有码在线精品 | 日韩一区二区三区四区五区 | 日韩精品亚洲电影天堂 | 国产乱500部老熟女露脸hd | 欧美专区亚洲专区日韩专区 | 91精品秘 一区二区耳软件 | www夜片 | 91影院无广告版下载v1.0 | 日本中文字幕视频久 | 亚洲视频电影图片偷拍一区 | 蜜桃视频一区二区 | WWW、COm亚洲 | 三级黄页网站视频在线观看 | 午夜天堂影院 | 国产精品视频超级碰 | 国产午夜亚洲精品午夜鲁丝片 | 菠萝蜜视频污 | 2025电视剧手机免费在线观看 | 欧美人妖aa1片 | 日韩资源在线 | 99re这里只有精品99 | 亚洲国产一区二区中文字幕 | 免费观看国产不卡福利 | 91视频一区在线 | 97精品热在线观看 | 亚洲a成人| 欧美日韩性高爱潮视频 | 亚洲一区二区在线观看日韩 | 尤物视频网址 | 国产乱码精品一区二区三区卡 | 国产视频大象三区伊甸园 | 日韩综合视频在线观看 |