跳到主要内容

zoom

2022年12月09日
柏拉文
越努力，越幸运

问题​

问题一、zoom 和 transform: scale 有什么区别?​

  1. 缩放源:

    • zoom: 相对于左上角

    • scale: 默认居中缩放

  2. 缩放后占据空间大小:

    • zoom: zoom 改变了元素占据的空间大小

    • scale: scale 的缩放占据的原始尺寸不变，页面布局不会发生变化

  3. 字体大小:

    • zoom: zoom 缩放受限于最小 12 像素中文大小限制

    • scale: scale 就是纯粹的对图形进行比例控制