能h5使用CSS的transform屬性來(lái)旋轉(zhuǎn)輸入框和包含輸入框的元素，實(shí)現(xiàn)橫屏效果，h5指HTML5，是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述方式。

ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， userscalable=0， minimumscale=10， maximumscale=10quot ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot ltmeta name=quot。

HTML5網(wǎng)頁(yè)在電腦端和手機(jī)端都全屏顯示的步驟如下1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi。

設(shè)置橫屏應(yīng)用得在config里面設(shè)置，網(wǎng)頁(yè)是無(wú)法做到的。

打包成Android APP為例 下載安裝MyEclipse2014，Android SDK，eclipse需配置Android開(kāi)發(fā)環(huán)境Java和Android環(huán)境安裝與配置，將另寫經(jīng)驗(yàn)分享，讀者也可百度參考其他相關(guān)資料，自行安裝 打開(kāi)MyEclipse2014，新建一個(gè)HTML5 Mobile。

普通banner或信息列表可以用IScroll上下左右均可滑動(dòng) 頁(yè)面滑動(dòng)切換的話建議使用jquery mobile，實(shí)現(xiàn)如下事件，進(jìn)行changepage swipe劃動(dòng)一秒內(nèi)水平拖拽大于30PX，同時(shí)縱向拖曳??？0px的事件發(fā)生時(shí)觸發(fā) swipeleft左劃劃。

也可以把html5頁(yè)面放在手機(jī)app端，本地方式進(jìn)行訪問(wèn)但都離不開(kāi)webviewHTML5現(xiàn)在現(xiàn)成的框架比較多，photogap，jquerymobile，bootstrap等都可以，如果功能簡(jiǎn)單，也可以不使用框架，自己寫幾個(gè)html5頁(yè)面就行了。

本文我們繼續(xù)給大家?guī)?lái)新的知識(shí)，如何解決HTML5微信播放全屏問(wèn)題的方法在ios和安卓手機(jī)里的微信下播放視頻時(shí)，會(huì)遇到不少問(wèn)題，例如需要手動(dòng)點(diǎn)擊，視頻才會(huì)播放，并且視頻會(huì)跳出微信框，出現(xiàn)控制條，如果視頻不是騰訊視頻。