缩放

1 用户缩放

1.1 PC

缩放会改变视口，影响pc端的布局。

1.2 移动端

缩放会改变视觉视口的尺寸，不会改变布局视口的尺寸，不影响布局。

2 系统缩放

只有移动端才可以进行系统缩放。

通过 meta 设置 initial-scale 可以设置系统缩放系数：

<meta name="viewport" content="initial-scale=1.0" />

initial-scale是基于理性视口进行计算的, 值在 0.0 ~ 10.0 之间。

系统缩放 改变视觉视口的同时也会改变布局视口的宽度。

initial-scale 如果设置为 2.0， 布局视口会变为屏幕宽度的 1/2， 视觉视口也会变为屏幕宽度的 1/2。

visual viewport宽度 = ideal viewport宽度 / 当前缩放值