NEWS

分享创造价值   合作实现共赢

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/
相关文章