15 viewport-视窗

viewport-视窗

用户通过视窗可以看到浏览器渲染的内容

常用于 移动端的布局

通过 meta 标签设置

<meta name="viewport" content="width=device-width, initial-scale=1.0,mininum-scale=1.0,maxinum-scale=1.0,user-scalable=no">

1. width：值是正整数，定义视窗的宽度，单位是px，也可以设置他的值是 device-width， 表示视窗的宽度为设备宽度
2. height：值是正整数，定义视窗的宽度，单位是px，也可以设置他的值是 device-height， 表示视窗的高度为设备高度
3. initial-scale：范围是在[0,1],用来定义初始时候的缩放值
4. mininum-scale：范围是在[0,1]定义最小缩放比例，他的值必须小于或等于 initial-scale的值
5. maxinum-scale：范围是在[0,1]定义最大缩放比例，他的值必须大于或等于 initial-scale的值
6. user-scalable: 设置用户是否能够手动缩放，他的是 yes/no，默认是yes