這篇文章主要介紹了HTML5 移動(dòng)頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。

1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)。

目的因?yàn)閘ibflexible的源碼是針對(duì)移動(dòng)端的設(shè)計(jì)方案，我們要實(shí)現(xiàn)PC的自適應(yīng)所以屏幕尺寸也要更換3在mainjs中引入我們剛修改過的flexiblejs文件因?yàn)槲覀兏牧嗽创a，所有我們需要引入我們改過的文件4在。

如果屏幕寬度在400像素以下，則6張圖片分成三行mediaqueries上面有更多這樣的例子這里還有一個(gè) 測試小工具，可以在一張網(wǎng)頁上，同時(shí)顯示不同分辨率屏幕的測試效果，我推薦安裝二需要允許網(wǎng)頁寬度自動(dòng)調(diào)整 “自適應(yīng)網(wǎng)頁。

解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對(duì)比學(xué)習(xí)再寫建議如果是小白的話，要不然不會(huì)自適應(yīng)屏幕大小的，只要你編寫的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標(biāo)簽文檔 解決方案3看你。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。