首页 > Web开发 > 详细

响应式Web设计- Viewport

时间:2015-11-22 12:37:22      阅读:250      评论:0      收藏:0      [点我收藏+]

什么是Viewport?

viewport是用户网页的可视区域, 翻译为中文可以叫做"视区"。

设置Viewport

一个常用的针对移动网页优化过的页面的Viewport meta设置如下:

  <meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0,maximum-scale=1.0,user-scalable=no;" />

width:控制Viewport大小,可以指定的一个值,例如:600或一个特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

height:与width相对应,指定高度。

initial-scale:初始缩放比例,也就是页面第一次load时缩放比例。

maximum-scale:允许用户缩放到最大的比例。

minimum-scale:允许用户缩放到最小的比例。

user-scalable:用户是否可以手动缩放。

 

响应式Web设计- Viewport

原文:http://www.cnblogs.com/melao2006/p/4985547.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!