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

198 阅读 0 评论 131 点赞

我是靠谱客的博主哭泣母鸡，最近开发中收集的这篇文章主要介绍meta viewport使网页在iPhone中满屏显示控制，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

无奈之下，忽然想到，自己常常访问的新浪触屏版是怎么做的？打开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 – 用户是否可以手动缩放