meta 标签提供关于 HTML 文档的元数据,这些数据用于告知机器如何解析这个页面。
元数据:关于数据的信息。
[TOC]
<meta charset="UTF-8">
首先从三种视口讲起:
页面的布局视口可以通过以下来获取:
window.innerHeight
window.innerWidth
![visual viewport](https://img-blog.csdnimg.cn/2021061320015754.png
宽度和视觉视口相同,可以使用下列配置:
<meta name="viewport" content="width=device-width">
name | value | description |
---|---|---|
width | number or 'device-width' | 视口的宽度 |
height | n px | 视口高度 |
initial-scale | [0.0 - 10.0] | 初始缩放值 |
minimum-scale | [0.0 - 10.0] | 缩放值最小比例 |
maximum-scale | [0.0 - 10.0] | 缩放值最大比例 |
user-scale | 'yes' or 'no' | 是否永续用户手动缩放页面 |
format-detection
可以检测 HTML 中的一些格式,比如手机号:
<meta name="format-detection" content="telephone=yes">