网站地图    收藏   

主页 > 前端 > html教程 >

meta viewport使网页在iPhone中满屏显示控制_HTML/Xht

来源:自学PHP网    时间:2014-12-15 15:59 作者: 阅读:

[导读] 近期在做一个基于iPhone访问的Web Site,原本智能的Safari让我吃尽了苦头。当设定好DIV的宽度和高度时,Safari会自动缩放。而我的目的是要满屏显示。...

近期在做一个基于iPhone访问的Web Site,原本智能的Safari让我吃尽了苦头。当设定好DIV的宽度和高度时,Safari会自动缩放。而我的目的是要满屏显示。
无奈之下,忽然想到,自己常常访问的新浪触屏版是怎么做的?打开Opera,
看源码在HTML头发现了meta viewport,难道是这个家伙在发挥作用吗?
加上试试,果然满屏了。顺便去查了一下这个标签的作用,记录一下,方便以后
使用。
meta viewport
<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 – 用户是否可以手动缩放

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论