meta标签viewport起什么作用?html5开发之viewport使用介绍

viewport：英语翻译过来的意思是视角、视口、检测区。而网站建设中用到的meta标签的viewport属性含义是什么呢？如何使用呢？

viewport是应对手机模式而设计的，是网页对屏幕而做的一些设置。通常手机浏览器打开页面后，会把页面放在一个虚拟的“窗口”--这个虚拟的“窗口”比实际窗口大，也就是你使用手机时发现页面可以进行拖动、放大放小的原因，这个窗口即是viewport，meta标签的这个viewport属性基本所有手机浏览器皆支持。

viewport使用：

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"

viewport标签的属性：

1、maximum-scale : 允许用户缩放到的最大比例，范围从0到10.0

2、width : 控制viewport的大小，可以指定一个值，如400， 或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）

3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例

4、user-scalable : 用户是否可以手动缩放，值可以是：①yes、 true允许用户缩放；②no、false不允许用户缩放

5、height : 和width相对应，指定高度.

以上是北京嘉纪商正科技有限公司关于html5经常使用到的viewport标签的介绍 http://www.znzncn.com/