[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，
個人簡介
我是歌謠，歡迎和大家一起交流前后端知識，放棄很容易，
但堅持一定很酷，歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/261399.html
標籤：其他
下一篇：純函式與副作用