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

2、圖片自適應(yīng)，且不超過原始大小，需要設(shè)置最大寬度，代碼如下imgwidth100%maxwidth100%圖片自適應(yīng)，不超過原尺寸您需要設(shè)置最大寬度代碼如下imgwidth100%最大寬度100%改善功能 第一次使用瀏覽。

3、01 新建一個(gè)HTML文件，代碼如下圖 02 打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器 03 改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒有變化，顯示不全 04。

4、無論是電腦還是手機(jī)，要做到自適應(yīng)屏幕，其實(shí)都是一樣的首先，在網(wǎng)頁代碼的頭部，加入一行viewport標(biāo)簽metaname=quotviewportquotcontent=quotwidth=devicewidth CSS字體自適應(yīng)字體設(shè)置使用CSSfont屬性定義和用法font簡寫屬性在一個(gè)聲明。

5、可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

6、var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquotquotbeforeEndquot， myCanvas或者這種做法 var my。

7、首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度修改為百分比。

8、在HTML頁面上不要使用絕對(duì)字體px，而要使用相對(duì)字體em，對(duì)于大多數(shù)瀏覽器來說，通常用 em = px16 換算，例如16px就等于1em5圖片自適應(yīng)非必要img標(biāo)簽的話，只需要設(shè)置 maxwidth100%或width100%。

9、1首先，在網(wǎng)頁代碼的頭部，加入一行viewport元標(biāo)簽 viewport是網(wǎng)頁默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網(wǎng)頁初始大小占屏幕。

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

11、另外，絕對(duì)定位position absolute的使用，也要非常小心 六選擇加載CSS quot自適應(yīng)網(wǎng)頁設(shè)計(jì)quot的核心，就是CSS3引入的Media Query模塊 它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件。

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

13、flash網(wǎng)頁制作人水平如何制作循環(huán)動(dòng)畫 這個(gè)不難我可以給你做如何讓網(wǎng)頁在瀏覽器自適應(yīng)屏幕大小想要網(wǎng)頁寬度自適應(yīng)，需要把網(wǎng)頁元素寬度設(shè)置為百分比，還要在網(wǎng)頁頭部加上代碼metaname=quotviewportquotcontent=quotwidth=device。

14、1首先，在網(wǎng)頁代碼的頭部，加入一行viewport元標(biāo)簽viewport是網(wǎng)頁默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網(wǎng)頁初始大小占屏幕。

15、最簡單的方法，保證管用，你把那個(gè)圖片寫在div里面的背景里，也就是backgroundurlimg1jpgcenternorepeat這樣就能夠自適應(yīng)屏幕大小了，而且不會(huì)出現(xiàn)橫向的滾動(dòng)條。

16、頭部要加的是這個(gè)，放在ltheadlthead標(biāo)簽里，這是初始化手機(jī)屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫的這段是要放在所有css。