移动端页面适配, 手机浏览器会把页面放入到一个虚拟的“视口”(viewpoint)中。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
| 属性 | 介绍 | 值 |
|---|---|---|
| width | viewport的宽度 | “width-device”或一个正整数 |
| height | viewport的高度 | “height-device”或一个正整数 |
| initial-scale | 页面的初始缩放值 | 数字/支持小数 |
| minimum-scale | 允许最小缩放值 | 数字/支持小数 |
| maximum-scale | 允许最大缩放值 | 数字/支持小数 |
| user-scalable | 是否允许缩放 | “yes”或”no” |
html — 2021年7月4日