码迷,mamicode.com
首页 > Web开发 > 详细

Meta元素可视区

时间:2014-10-23 01:13:25      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:http   ar   使用   on   html   ad   ef   htm   应用   

一、网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。

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

其中: width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放c

二、Meta元素可视区

  默认情况下,iPhone上的Safari会象在大屏幕的桌面浏览器那样显示你的页面,宽度达到了980像素,然后缩小内容以适应iPhone的小屏幕,因此用户在iPhone看这个页面时感觉字体就比较小了,也比较模糊,必须要放大才能看得真切,对于一个普通的Web页面似乎可以接受,但对于一个常用的应用程序就没几个人能够受得了。

  幸运的是可以使用特殊的Meta元素可视区进行纠正:

<meta name="viewport" content="width=device-width"/>

Meta元素可视区

标签:http   ar   使用   on   html   ad   ef   htm   应用   

原文地址:http://www.cnblogs.com/liujin0505/p/4044747.html

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