HTML の meta视口元素

meta视口元素

1. 属性

• width

设置的是布局视口的宽度

取值可以是：device-width 表示宽度为设备宽度

• initial-scale

初始缩放比

取值：大于0的数字

• maximum-scale

最大缩放比

取值：大于0的数字

• minimum-scale

最小缩放比

取值：大于0的数字

• user-scalable

用户是否可以缩放

取值：yes(1)/no(0)

2. 标准的viewport设置

视口宽度与设备保持一致
视口的默认缩放倍数1
最大/最小的缩放倍数1
不允许用户自行缩放

翻译一下就是

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
le=1.0, minimum-scale=1.0, user-scalable=0">