简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1015 次  日期:2016-06-22 10:49:36

温馨提示:易贤网小编为您整理了“meta viewport使网页在iPhone中满屏显示控制”,方便广大网友查阅!

近期在做一个基于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 – 用户是否可以手动缩放

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:HTML table表格边框的控制详细说明
下一篇:设置frameset的高度 界面变形的解决方法
易贤网手机网站地址:meta viewport使网页在iPhone中满屏显示控制
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!