[css] 什么是zoom？它有什么作用？

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。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

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

總結

以上是生活随笔為你收集整理的[css] 什么是zoom？它有什么作用？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。