你可以設(shè)置div的最高高度maxheight為窗口的高度，滾動(dòng)條設(shè)置為自動(dòng)overflowauto，就可以實(shí)現(xiàn)所需；寬度的自適應(yīng)是根據(jù)viewport的width來(lái)調(diào)整的，比如width50%就是瀏覽器可視區(qū)域的50%，resize之后也會(huì)自動(dòng)調(diào)整而height指定百分比后，他會(huì)自行找到viewport的height來(lái)調(diào)整，跟width一毛錢(qián)關(guān)系沒(méi)有，自然兩者不能達(dá)到比例關(guān)系；3在iframe網(wǎng)頁(yè)中添加了兩個(gè)固定高度的div內(nèi)容4瀏覽器打開(kāi)index頁(yè)面我們發(fā)現(xiàn)iframe部分有滾動(dòng)條，需要滾動(dòng)顯示頁(yè)面5現(xiàn)在我們?cè)趇ndex頁(yè)面的iframe標(biāo)簽再添加如下的屬性6再次打開(kāi)index頁(yè)面iframe已經(jīng)高度自適應(yīng)了；用JavaScript或者jquery 1頁(yè)面加載完，獲取當(dāng)前瀏覽器顯示區(qū)域高度2獲取頁(yè)面中我的相冊(cè)div1關(guān)閉相冊(cè)的高度3用1獲取的值減去2所有的值4用3所得值附加給div2 好了，方法教給你了，自己去實(shí)現(xiàn)吧。

2只要修改以上的iframe的ID即可了或者你可以直接在iframe里面寫(xiě)代碼，我們一般為了不污染HTML代碼，建議使用上面的代碼ltiframe src=quotbacktophtmlquot frameborder=quot0quot scrolling=quotnoquot id=quotexternalframequot onload=quotsetIfr；1首先創(chuàng)建或者打開(kāi)我們的web項(xiàng)目，新建一個(gè)html文件和css文件即可，如圖所示2html頁(yè)面代碼如圖所示，定義一個(gè)div，然后給一個(gè)id屬性即可3這里是使用寬度的百分比之后，設(shè)置高度值為零，然后使用padding屬性的top或者；分別為height100 如下html，bodyheight100%margin0px 或 htmlheight100% bodyheight100%margin0px 后面的高為100%才有效lttable height=quot100%quot 或 ltdiv style=quotheight100%quot；方法步驟1實(shí)例名稱(chēng)textarea自適應(yīng)文字行數(shù) 2實(shí)例描述textarea是HTML中的文本元素，可實(shí)現(xiàn)文字的多行輸入，也可以控制行數(shù)和列數(shù)本例學(xué)習(xí)如何讓textarea根據(jù)用戶(hù)的輸人文本，自動(dòng)調(diào)整高度和寬度3實(shí)例；一使用textarea標(biāo)簽進(jìn)行多行文本的輸入有很多限制，比如不能實(shí)現(xiàn)高度自適應(yīng)，會(huì)出現(xiàn)難看的滾動(dòng)條等問(wèn)題HTML5中添加了一個(gè)新屬性contenteditable，該屬性可以讓input，textarea以外的不可編輯的標(biāo)簽具備可編輯功能用法如下；子級(jí)元素想要做到自適應(yīng)的話(huà)可以把height100%width100%這樣子級(jí)元素的寬高就是從父級(jí)繼承得到常見(jiàn)的用法就是我前一天寫(xiě)的html bodywidth100%height100%給瀏覽器對(duì)象設(shè)置寬高，這樣子級(jí)元素就自適應(yīng)。

1通過(guò)width50%heightauto實(shí)現(xiàn)圖片高度跟隨寬度比例調(diào)整2但是這個(gè)百分比是根據(jù)父級(jí)的高度來(lái)計(jì)算的，根本不是根據(jù)元素自身的寬度，那么就做不到Div的寬高達(dá)成一定的比例3直接指定div的寬高+zoom來(lái)實(shí)現(xiàn)自適應(yīng)；html5中自動(dòng)適應(yīng)手機(jī)屏幕高度的方法使用meta標(biāo)簽，這也是一種常用的方法metaname=viewportcontent=width=devicewidth，initialscale=10，minimumscale=10，maximumscale=10，userscalable=no解釋該標(biāo)簽的含義Heigh；在我們完成項(xiàng)目的時(shí)候，都會(huì)遇到，讓DIV自適應(yīng)高度這個(gè)效果的實(shí)現(xiàn)，那么今天我們就給大家做出倆種情況下怎么實(shí)現(xiàn)DIV自適應(yīng)高度的效果第一種一定高度內(nèi)容加多時(shí)自適應(yīng)高度，而內(nèi)容少時(shí)DIV有一定最小高度第二種沒(méi)有最小。

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

在網(wǎng)頁(yè)的中增加以上這句話(huà)，可以讓網(wǎng)頁(yè)的寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度其中width=devicewidth 表示寬度是設(shè)備屏幕的寬度 initialscale=10表示初始的縮放比例 minimumscale=05表示最小的縮放比例 maximumscale=。