可以通過webview方式訪問遠(yuǎn)程，也可以把html5頁面放在手機(jī)app端，本地方式進(jìn)行訪問但都離不開webviewHTML5現(xiàn)在現(xiàn)成的框架比較多，photogap，jquerymobile，bootstrap等都可以，如果功能簡單，也可以不使用框架，自己寫幾個html；我用HTML做了一個頁面想讓他在手機(jī)瀏覽器中全屏顯示，可是只用了多一半屏幕首先建議你用html5來開發(fā)，然后，在網(wǎng)頁的 中增加以上這句話可以讓網(wǎng)頁的寬度自動適應(yīng)手機(jī)屏幕的寬度其中width=devicewidth表示寬度是。

HTML5網(wǎng)頁在電腦端和手機(jī)端都全屏顯示的步驟如下1打開HTML5網(wǎng)頁代碼2在網(wǎng)頁頭部加上新代碼，讓網(wǎng)頁的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi；Step2將前面Myeclipse2014中編輯好的HTML5程序拷至剛剛在eclipse新建hello工程對應(yīng)assets目錄下面 Step3下面要做的就是如何將我們的HTML5程序在Android應(yīng)用中啟動，這里我們要使用Android系統(tǒng)自帶的WebView控件具體信息參考。

項目中需要將后臺瀏覽器的窗口全屏，也就是我們點(diǎn)擊一個按鈕要實(shí)現(xiàn)按F11全屏的效果 在HTML5中，W3C制定了關(guān)于全屏的API，就可以實(shí)現(xiàn)全屏幕的效果，也可以讓頁面中的圖片，視頻等全屏目前只有g(shù)oogle chrome 15 +， safri51；這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。

html如何設(shè)置網(wǎng)頁全屏

不同的瀏覽器有不同的做法，參考如下lt！ uc強(qiáng)制豎屏 ltmeta name=quotscreenorientationquot content=quotportraitquot lt！ 強(qiáng)制豎屏 ltmeta name=quotx5orientationquot content=quotportraitquot lt！ UC強(qiáng)制全屏。

ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在網(wǎng)頁的中增加以上這句話，可以讓網(wǎng)頁的寬度自動適應(yīng)手機(jī)屏幕的。

33 點(diǎn)擊22中的網(wǎng)站名就會在電腦上打開Safari的控制臺，如下圖點(diǎn)擊查看大圖3調(diào)試網(wǎng)頁 如上33圖所示，此時你可以查看手機(jī)網(wǎng)頁的DOM結(jié)構(gòu)，并且和電腦端網(wǎng)頁調(diào)試無異，當(dāng)鼠標(biāo)滑過這些DOM節(jié)點(diǎn)的時候手機(jī)上的相應(yīng)布局。

用JS在頁面加載完成后 獲取瀏覽器高度以及寬度，再設(shè)置VIDEO元素高度寬度即可ltscript type=quottextjavascriptquot function resizeBody var bodyHeight = quot#Flash1quotheightbody。

html讓網(wǎng)頁在手機(jī)端自動橫屏

1、全屏api是新版本瀏覽器才支持，但每個瀏覽器支持的程度不一樣，有的支持了w3c標(biāo)準(zhǔn)方法requestFullscreen，但有的瀏覽器只支持自有方法需加前綴，如webkitRequestFullScreen，所以我們有用的時候為了兼容所以瀏覽器就得。

2、ltmeta name=quotviewportquot content=quotinitialscale=05， maximumscale=05， minimumscale=05， userscalable=noquotinitialscale 初始的縮放比例minimumscale 允許用戶縮放到的最小比例maximumscale 允許用戶。

3、1響應(yīng)式設(shè)計需要做的有很多技術(shù)和技巧，和做電腦端網(wǎng)頁一樣，響應(yīng)式開發(fā)需要div等元素就可以自動適應(yīng)屏幕大小，就是在設(shè)置每個元素屬性的時候要用百分比，最好不要用px 2當(dāng)下響應(yīng)式布局設(shè)計需要使用HTML5技術(shù)和CSS3技術(shù)。

4、用iphone調(diào)試html5頁面的方法如下1打開手機(jī)web檢查器通過設(shè)置Safari高級Web檢查器打開見下圖點(diǎn)擊查看大圖，并且你會看到該選項下面對電腦操作的相應(yīng)描述，照做就好2 連接電腦Mac1。

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

6、本文我們繼續(xù)給大家?guī)硇碌闹R，如何解決HTML5微信播放全屏問題的方法在ios和安卓手機(jī)里的微信下播放視頻時，會遇到不少問題，例如需要手動點(diǎn)擊，視頻才會播放，并且視頻會跳出微信框，出現(xiàn)控制條，如果視頻不是騰訊視頻。