码迷,mamicode.com
首页 > 其他好文 > 详细

1.viewport的使用

时间:2016-06-20 20:43:06      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

    <!-- 包含头部信息用于适应不同设备 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
解释:
Viewpoint

手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,窗口可大于或小于手机的可视区域,一般手机默认viewport大于可视区域。这样不会破坏没有针对手机浏览器优化的网页的布局,用户可以通过平移和缩放来看网页的其他部分。  

content属性值 :
  width: 可视区域的宽度,值可为数字或关键词device-width,
  height: 同width,
  initial-scale: 初始缩放。即页面初始缩放程度。这是一个浮点值,是页面大小的一个乘数。例如,如果你设置初始缩放为“1.0”,那么,web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”,那么这个页面就会放大为2倍。  
  maximum-scale:最大缩放。即允许的最大缩放程度。这也是一个浮点值,用以指出页面大小与屏幕大小相比的最大乘数。例如,如果你将这个值设置为“2.0”,那么这个页面与target size相比,最多能放大2倍。
  minimum-scale:最小缩放。
  !所有的缩放值都必须在0.01–10的范围之内。
  user-scalable:user-scalable=no表示禁止用户进行缩放

1.viewport的使用

标签:

原文地址:http://www.cnblogs.com/cimyzhang/p/5601692.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!