Web App在iPad调试页面，我们常常会遇到需要全屏显示的效果下面就介绍一下如何使用HTML5代码来实现1全屏显示ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot 2设备宽度显示 ltmeta name=quotviewportquot。

方法1直接在body里面加上属性scroll 代码如lt body scroll=“no” 方法2使用样式表overflow 代码如htmloverflowhidden我采用了这个，滚动条就消失了，最开始一直误以为是页面里面的div高度不当导致出现的。

当图片设置成背景时，可以设置两个属性平铺和不平铺当平铺时，如果图片本身的大小不能占满空间就在多余的空间以重复的方式显图片，如不平铺多余的空间说留空如果图片本身的大小比空间大，那么图片超出空间的部分被隐藏。

如果需要在网页打开时就全屏，这样写ltbody onload=quotjavascriptopenWinquot 比较重要的一点是function shellscript openquotwebzhugao_flash_v2zhugaohtmlquot，quotquot，quotfull。

1最简单方法使用css30新增的一个属性backgroundsize，代码如图IE8以下不支持2打开浏览器查看效果如下3使用css代码如图支持IE9+，IE 78 平铺效果支持，但是在小于1024px的屏幕下居中效果失效4然后。

ltbody style=quotwidth100% height100%quot ltstyle body backgroundurl02jpg top leftbackgroundsize100% 100%overflowhidden ltstyle ltbody 其中，overflow属性是设定超出body大小的内容隐藏不显示。

Horizontal 为固定背景图时图在水平方向所居的位置，可以选择居中，居左，居右或自己设定距左的距离Vertical 为固定背景图时图在竖直方向所居的位置，可以选择居中，居顶部，居底部或自己设定距顶的距离注意带 *。

1打开你的浏览器2打开浏览器之后，找到右上方设置按钮3点击全屏即可，也可以直接按键盘的F114快捷键需要自己设置，通常默认通用是FN+F11，同时按住“Fn+F11”组合键来开启全屏，再按一次即可退出全屏。