在網(wǎng)頁(yè)的中增加以上這句話(huà)，可以讓網(wǎng)頁(yè)的寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度其中width=devicewidth 表示寬度是設(shè)備屏幕的寬度 initialscale=10表示初始的縮放比例 minimumscale=05表示最小的縮放比例 maximumscale=；可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；這篇文章主要介紹了HTML5 移動(dòng)頁(yè)面自適應(yīng)手機(jī)屏幕四類(lèi)方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁(yè)面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備；你這個(gè)只不過(guò)是使用meta屬性來(lái)設(shè)置適配移動(dòng)端頁(yè)面但是如果頁(yè)面的寬是超過(guò) 100% 的，滾動(dòng)條還是會(huì)出現(xiàn)的；pgetattribute數(shù)據(jù)你好psetattribute數(shù)據(jù)你好，這是一個(gè)重新分配jquery p數(shù)據(jù)你好獲取 p數(shù)據(jù)你好，設(shè)置設(shè)置 html5設(shè)置圖片自適應(yīng)屏幕寬度使用百分比，比如 這樣就會(huì)保持屏幕的50%的寬度如果有；在文檔流中，DIV的高度默認(rèn)就是根據(jù)內(nèi)容的高度自適應(yīng)的如果是想適配不同設(shè)備的窗口大小，可以設(shè)置百分比或者通過(guò)position定位，然后設(shè)置top和bottom值再或者利用css3的flexbox布局，設(shè)置父級(jí)的display為flex，方向?yàn)榭v的。

首先你要在html頁(yè)面頭部加上下面的代碼，其次你要把頁(yè)面中的寬度修改為百分比，不能不用固定尺寸，一些小的模塊可以用固定尺寸再就是css中要應(yīng)用到媒體查詢(xún)，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=；解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對(duì)比學(xué)習(xí)再寫(xiě)建議如果是小白的話(huà)，要不然不會(huì)自適應(yīng)屏幕大小的，只要你編寫(xiě)的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標(biāo)簽文檔 解決方案3看你；用JavaScript或者jquery 1頁(yè)面加載完，獲取當(dāng)前瀏覽器顯示區(qū)域高度2獲取頁(yè)面中我的相冊(cè)div1關(guān)閉相冊(cè)的高度3用1獲取的值減去2所有的值4用3所得值附加給div2 好了，方法教給你了，自己去實(shí)現(xiàn)吧。

aa1 div， aa2 div， aa3 div width 80% height 100pxaa1 div backgroundcolor redaa2 div backgroundcolor greenaa3 div backgroundcolor bluehtml部分lt；“自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”到底是怎么做到的，其實(shí)并不難首先，在網(wǎng)頁(yè)代碼的頭部，加入一行 viewport元標(biāo)簽viewport是網(wǎng)頁(yè)默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁(yè)寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比例。

瀏覽器部分能夠顯示的最小字體未12px，當(dāng)移動(dòng)端頁(yè)面寬度為320px時(shí)，要保證最小字體為12px，那么在1080px的設(shè)計(jì)圖中，最小字體應(yīng)當(dāng)為42px代碼實(shí)例ltstyle type=quottextcssquot html fontsize 42px；感應(yīng)式設(shè)計(jì)，簡(jiǎn)單來(lái)說(shuō)，就是當(dāng)用不同設(shè)備訪問(wèn)時(shí)，能夠根據(jù)設(shè)備的寬度和高度對(duì)設(shè)備進(jìn)行動(dòng)態(tài)的適配例如，用iPhone4iPhone5iPhone6PCiPad訪問(wèn)同一個(gè)網(wǎng)址，正好能打開(kāi)一個(gè)適合該設(shè)備的一個(gè)HTML5的頁(yè)面，不留白邊，不；一使用textarea標(biāo)簽進(jìn)行多行文本的輸入有很多限制，比如不能實(shí)現(xiàn)高度自適應(yīng)，會(huì)出現(xiàn)難看的滾動(dòng)條等問(wèn)題HTML5中添加了一個(gè)新屬性contenteditable，該屬性可以讓input，textarea以外的不可編輯的標(biāo)簽具備可編輯功能用法如下；用以下代碼開(kāi)頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max。

圖片分為背景圖片和通過(guò)img標(biāo)簽引入的圖片，前者可以通過(guò)media query自動(dòng)的切換不同分辨率的版本，但是在不支持background image size的瀏覽器中背景圖片無(wú)法無(wú)級(jí)的調(diào)整大小。