<meta name="viewport"
content="width=device-width,
initial-scale=1.0,
maximum-scale=1.0,
user-scalable=0"/>
作用是让当前视口的宽度等于设备的宽度,同时不允许用户手动缩放。
<meta>可以定义文档的各种元数据(百度百科),提供各种文档信息
name的值:
值 | 说明 |
---|---|
application name | 当前页所属Web应用系统的名称 |
keywords | 描述网站内容的关键词,以逗号隔开,用于SEO搜索 |
description | 当前页的说明 |
author | 当前页的作者名 |
copyright | 版权信息 |
renderer | renderer是为双核浏览器准备的,用于指定双核浏览器默认以何种方式渲染页面 |
viewreport | 它提供有关视口初始大小的提示,仅供移动设备使用,不设置默认宽度为980px |
charset | 声明字符编码 |
viewreport值的属性:
属性 | 说明 |
width | 设置layout viewport的宽度为一个正整数或字符串“width-devicc” |
initial-scale | 设置页面的初始缩放值为一个数组,可以带小数 |
minimum-scale | 允许用户的最小缩放值为一个数字,可以带小数 |
maximum-scale | 允许用户的最大缩放值为一个数字,可以带小数 |
height | 设置layout viewport的高度为一个正整数或字符串“height-devicc” |
user-scalable | 是否允许用户进行缩放,值为“no”或“yes”。 |