Web App在iPad調(diào)試頁(yè)面，我們常常會(huì)遇到需要全屏顯示的效果下面就介紹一下如何使用HTML5代碼來(lái)實(shí)現(xiàn)1全屏顯示ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot 2設(shè)備寬度顯示 ltmeta name=quotviewportquot。

方法1直接在body里面加上屬性scroll 代碼如lt body scroll=“no” 方法2使用樣式表overflow 代碼如htmloverflowhidden我采用了這個(gè)，滾動(dòng)條就消失了，最開(kāi)始一直誤以為是頁(yè)面里面的div高度不當(dāng)導(dǎo)致出現(xiàn)的。

當(dāng)圖片設(shè)置成背景時(shí)，可以設(shè)置兩個(gè)屬性平鋪和不平鋪當(dāng)平鋪時(shí)，如果圖片本身的大小不能占滿(mǎn)空間就在多余的空間以重復(fù)的方式顯圖片，如不平鋪多余的空間說(shuō)留空如果圖片本身的大小比空間大，那么圖片超出空間的部分被隱藏。

如果需要在網(wǎng)頁(yè)打開(kāi)時(shí)就全屏，這樣寫(xiě)ltbody onload=quotjavascriptopenWinquot 比較重要的一點(diǎn)是function shellscript openquotwebzhugao_flash_v2zhugaohtmlquot，quotquot，quotfull。

1最簡(jiǎn)單方法使用css30新增的一個(gè)屬性backgroundsize，代碼如圖IE8以下不支持2打開(kāi)瀏覽器查看效果如下3使用css代碼如圖支持IE9+，IE 78 平鋪效果支持，但是在小于1024px的屏幕下居中效果失效4然后。

ltbody style=quotwidth100% height100%quot ltstyle body backgroundurl02jpg top leftbackgroundsize100% 100%overflowhidden ltstyle ltbody 其中，overflow屬性是設(shè)定超出body大小的內(nèi)容隱藏不顯示。

Horizontal 為固定背景圖時(shí)圖在水平方向所居的位置，可以選擇居中，居左，居右或自己設(shè)定距左的距離Vertical 為固定背景圖時(shí)圖在豎直方向所居的位置，可以選擇居中，居頂部，居底部或自己設(shè)定距頂?shù)木嚯x注意帶 *。

1打開(kāi)你的瀏覽器2打開(kāi)瀏覽器之后，找到右上方設(shè)置按鈕3點(diǎn)擊全屏即可，也可以直接按鍵盤(pán)的F114快捷鍵需要自己設(shè)置，通常默認(rèn)通用是FN+F11，同時(shí)按住“Fn+F11”組合鍵來(lái)開(kāi)啟全屏，再按一次即可退出全屏。