浅谈移动端视口标签

< meta> 标签提供关于 HTML 文档的元数据。它不会显示在页面上，对于机器是可读的。可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

一般视口标签完整写法:
<meta name=“viewport” content=“width=device-width”,initial-scale=1, maximum-scale=1,user-scable=no/>

各标签意义
name=“viewport” 视口标签属性
–
width=device-width 视口宽度为设备宽度
–
user-scalable=no/0 不允许用户缩放页面
–
user-scalable=1 允许用户缩放页面
–
initial-scale=1.0 初始页面缩放倍数
–
maximum-scale=1.0 最大缩放倍数
–
minimum-scale=1.0 最小缩放倍数

viewport特性是一个移动专属的Meta值，用于定义视口的各种行为。该特性最先由Apple引入，因为早期手机屏幕太小，用户并不能很好地通过手机等设备访问网页。