css 什麼是zoom?它有什麼作用?

2021-10-19 10:17:07 字數 477 閱讀 5284

zoom 最初是 ie 的私有屬性,現在除了 firefox 之外的瀏覽器基本都支援 zoom。不過,zoom 依舊不是正式的屬性。與之對應的 transform 的 scale 屬性是正式的 css 屬性。

zoom 主要的作用是用於元素或者頁面的縮放;transform 的 scale 也有同樣的作用,兩者有如下的區別。

zoom 的縮放點在元素左上角。在 chrome 下,文字如果縮小後小於 12px 的情況仍然會顯示 12px。並且 zoom 縮放會影響元素實際的位置,這樣就會造成頁面的重排和重繪,在效能上會有影響。

transform 的 scale 縮放點在元素中心。縮放會對文字有影響,可以利用此屬性實現 chrome 下小於 12px 的字型。但是 transform 縮放後不會改變元素的位置,即如果元素原來是 200px 寬,縮小 50% 後雖然看上去只有 100px 寬了,但是仍然佔 200px。

與歌謠一起通關前端面試題

什麼是Spring, 它有什麼特點?

spring是乙個輕量級的容器框架。輕量 從大小與開銷兩方面而言spring都是輕量的。控制反轉 spring通過ioc促進了松耦合。控制反轉 ioc inversion of control 是一種設計思想。ioc意味著將你設計好的物件交給容器控制,而不是傳統的在你的物件內部直接控制。誰控制誰,控...

什麼是XSL,它有什麼用途

xsl 之於 xml 就像 css 之於 html。它是指可擴充套件樣式表語言 extensible stylesheet language 這是一種用於以可讀格式呈現 xml 資料的語言。xsl 實際上包含兩個部分 xslt 用於轉換 xml 文件的語言 xpath 用於在 xml 文件中導航的語...

什麼是啟用函式?它有什麼作用?

什麼是人工神經網路?現在,我相信我們大家都很熟悉什麼是a nn了,但接下來請允許我按照自己的理解給a nn下個定義 它是乙個強健有力的,同時也非常複雜的機器學習技術,它可以模仿人類的大腦,繼而模仿大腦的運作。正如我們的人腦一樣,在乙個層次上和神經元網路中有數百萬個神經元,這些神經元通過一種稱之為sy...