這篇文章主要介紹了HTML5 移動頁面自適應手機屏幕四類方法總結，非常具有實用價值，需要的朋友可以參考下1使用meta標簽viewportH5移動端頁面自適應普遍使用的方法，理論上講使用這個標簽是可以適應所有尺寸的屏幕的，但是各設備對該標簽的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統(tǒng) viewport；在h5中，你body的width和height木有固定在不同分辨率的手機上body的width和height是不一樣的就是橫屏和豎屏；手機頁面最好不要用實打實的寬的來寫，不同手機上面的寬度顯示是不同的百分比是最好的選擇，或者你寫成響應式。

lt，其次你要把頁面中的寬度修改為百分比width=devicewidth ，也就是@mediainitialscale=1quot解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對比學習再寫建議如果是小白的話，要不然不會自適應屏幕大小的，只要你編寫的html代碼符合html5規(guī)則就行html5不是轉化的，建議你看一下html5標簽；H5頁面，即HTML5頁面，是隨著移動互聯(lián)網(wǎng)的普及而興起的一種網(wǎng)頁技術以下是關于H5頁面的詳細解釋一H5頁面的基本特點 H5頁面主要基于HTML5標準開發(fā)，具有跨平臺多媒體支持等特性與傳統(tǒng)的PC端網(wǎng)頁不同，H5頁面更加注重在移動設備上的展示效果，能夠自適應各種屏幕尺寸和分辨率，為用戶提供良好的瀏覽；H5的尺寸一般設計為640x1136px 既滿足了顯示需求，又能降低用戶加載圖片需要的帶寬可以用各種分辨率的移動智能手機查看我們設計的H5頁面時，當然，也會出現(xiàn)如下的情況，內(nèi)容顯示不全，甚至一些重要內(nèi)容和按鈕都會被遮擋第一背景圖片必須采用backgroundsizecover來實現(xiàn)第二我們在進行H5頁面內(nèi)容規(guī)；一般來說，iH5的手機案例默認的尺寸是640*1040px，也就是iPhone6 plus的尺寸，我用的正是iPhone6 plus，所以我做案例時沒出現(xiàn)過這類問題，而你遇到案例呈現(xiàn)不完整的情況我想應該是手機型號的不同導致的你可以設置舞臺或者設備的屬性，舞臺裁剪為no，如果用的是短款手機觀看作品，有滾動條也可以看到；1一般來說，iH5的手機案例默認的尺寸是640*1040px，也就是iPhone6 plus的尺寸，你遇到案例呈現(xiàn)不完整的情況應該是手機型號的不同導致的2你可以設置舞臺或者設備的屬性，舞臺裁剪為no，如果用的是短款手機觀看作品，有滾動條也可以看到完整的案例3如果你想要實現(xiàn)完美適配，可以做三個設備，寬度；HTML5的移動端網(wǎng)頁設計稿，通常情況下，內(nèi)容區(qū)為750px或960px或者1080px的，一般不小于750px像素大小寬度設計稿可以比750px大，但是絕對不能比750px小，這個主要是由于當前手機的分辨率相對較高iPhone6是375物理像素，但實際像素為其兩倍，也就是750，這個750就是這么來的如果設計圖稿過小，前端。

HTML5的移動端網(wǎng)頁設計稿，通常情況下，內(nèi)容區(qū)為750px或960px或者1080px的，一般不小于750px像素大小寬度設計稿可以比750px大，但是絕對不能比750px小，這個主要是由于當前手機的分辨率相對較高iPhone 6是375物理像素，但實際像素為其兩倍，也就是750，這個750就是這么來的如果設計圖稿過小，前；你寫的這段是要放在所有css樣式后邊的，以防止樣式覆蓋這段的意思是在電腦屏或者其他屏上你顯示的是一個樣式，通過這個監(jiān)控屏幕大小，等屏幕大小改變，則替換成另一個樣式media screen and maxwidth 480px 設置手機屏寬度不大于 480px時的樣式 divMain 想在手機屏上更改的樣式；很簡單，在頭部加個 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot。

移動端H5指的是在手機瀏覽器上運行的H5頁面，H5全稱為HTML5，是HTML新一代標準的簡稱H5技術可以在手機端上實現(xiàn)更流暢更豐富的交互體驗，因此被廣泛應用于移動互聯(lián)網(wǎng)應用開發(fā)中為什么移動端H5如此重要隨著移動設備的普及，越來越多的應用需要在手機瀏覽器上來實現(xiàn)移動端H5可以為用戶提供更好的；1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實現(xiàn)讓屏幕寬度在1000px以內(nèi)時，div的大小保持不變3輸入backgroundsize coverwebkitbackgroundsize；寫手機頁面確實是內(nèi)容要比瀏覽器的內(nèi)容縮小12來寫，這樣顯示才正常不過寫手機頁面最好不要寫絕對寬高度，都是用百分比來寫的這樣就不會出現(xiàn)尺寸不合了比如一個商品在設計稿上占去15的寬高度，那么你就在編輯器給這個元素寬高15%的寬高度邊距慢慢調(diào)整。