一使用textarea標(biāo)簽進(jìn)行多行文本的輸入有很多限制，比如不能實(shí)現(xiàn)高度自適應(yīng)，會(huì)出現(xiàn)難看的滾動(dòng)條等問題HTML5中添加了一個(gè)新屬性contenteditable，該屬性可以讓input，textarea以外的不可編輯的標(biāo)簽具備可編輯功能用法如下contenteditable=quottruequot當(dāng)屬性值為true的時(shí)候，可編輯標(biāo)簽內(nèi)可以寫入標(biāo)簽，對(duì)于；quot自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)quot的核心，就是CSS3引入的MediaQuery模塊它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件 ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreencssquot 上面的代碼意思是，如果屏幕寬度小于400像素maxdevicewidth 400px，就加載ti；值得注意的是，雖然overflow scroll能夠解決大多數(shù)情況下自適應(yīng)高度DIV的問題，但在某些特定情況下，你可能需要考慮其他因素，如頁(yè)面響應(yīng)式設(shè)計(jì)在這種情況下，你可能需要結(jié)合其他CSS屬性，如maxheight和minheight，以確保DIV在不同設(shè)備和屏幕尺寸下都能正常顯示總之，使用overflow scroll屬性為DIV；用table的話，寬度采用百分比，比如width=“98%”，表格居中align=“center”就可以了\x0d\x0a用div的話，寬度仍然采用百分比，樣式margin 0 auto就可以自動(dòng)居中了\x0d\x0a采用百分比能夠自動(dòng)適應(yīng)窗口，但不會(huì)小于頁(yè)面元素中最寬的固定寬度\x0d\x0a一般頁(yè)面寬度可以設(shè)置為1002px1024的。

分析如何在 HTML 中讓 img 圖片自適應(yīng) div 的大小，可以分為三個(gè)部分進(jìn)行詳細(xì)闡述首先，簡(jiǎn)單解答如何使圖片自適應(yīng)可以通過(guò)給 img 圖片所在的 div 設(shè)置相對(duì)定位，并添加樣式 `width 100% height auto` 或 `maxwidth 100% height auto`這樣做可以讓圖片根據(jù)容器的大小自動(dòng)調(diào)整其；要實(shí)現(xiàn)網(wǎng)頁(yè)自適應(yīng)屏幕大小，關(guān)鍵在于設(shè)置元素寬度為百分比，并在HTML頭部添加以下代碼這樣能確保網(wǎng)頁(yè)在不同設(shè)備上都能適應(yīng)對(duì)于圖片，確保其自適應(yīng)且不超過(guò)原始大小，可以使用以下樣式img width 100% maxwidth 100% 這會(huì)讓圖片隨著屏幕大小變化而相應(yīng)調(diào)整大小在用戶體驗(yàn)上，為了提升適應(yīng)性；html5中是通過(guò)css3的backgroundsize來(lái)控制自適應(yīng)的直接在圖片代碼里面設(shè)置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個(gè)class名例如responseimg，然后在css文件里面設(shè)置這個(gè)class html5 萬(wàn)維網(wǎng)的核心語(yǔ)言標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言HTML的；調(diào)整視口，設(shè)置為width=devicewidth，即視口設(shè)置為當(dāng)前設(shè)備的寬度代碼實(shí)例布局之路移動(dòng)端開發(fā)實(shí)例 確定設(shè)計(jì)圖的最小字體，瀏覽器部分能夠顯示的最小字體為12px當(dāng)移動(dòng)端頁(yè)面寬度為320px時(shí)，最小字體為12px，那么在1080px的設(shè)計(jì)圖中，最小字體應(yīng)為42px代碼實(shí)例html fontsize 42px；所謂自適應(yīng)，就是對(duì)所支持的分辨率有一個(gè)預(yù)先定義好的寬度具體做法是，1，使用js根據(jù)屏幕分辨率來(lái)設(shè)置html寬度，不同的分辨率采用不同的html寬度2，采用固定寬度然后居中對(duì)齊或者左對(duì)齊或者右對(duì)齊3，由用戶選擇或者調(diào)整寬度，讓后記住該用戶習(xí)慣，以后登錄時(shí)直接讀取前回設(shè)置的寬度4，將以上三種；一種方法是讓元素的寬度和高度與窗口或父元素保持一致例如，為塊狀元素設(shè)置寬度為100%，則其寬度將始終與父元素相同而當(dāng)元素具有絕對(duì)或固定定位時(shí)，寬度將基于其內(nèi)容調(diào)整，沒有內(nèi)容時(shí)將不再顯示高度自適應(yīng)可以通過(guò)設(shè)置為相對(duì)瀏覽器窗口的百分比，同時(shí)確保HTML和body元素的高度為100%來(lái)實(shí)現(xiàn)另一種實(shí)；quot自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)quot的核心，就是CSS3引入的MediaQuery模塊它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreencssquot 上面的代碼意思是，如果屏幕寬度小于400像素maxdevicewidth 400。

先設(shè)置html及body的CSS的高，分別為height100 如下html，bodyheight100%margin0px 或 htmlheight100% bodyheight100%margin0px 后面的高為100%才有效lttable height=quot100%quot 或 ltdiv style=quotheight100%quot min。

前端HTML5自適應(yīng)頁(yè)面布局方法多種多樣，以下列舉幾種常見且實(shí)用的方法利用CSS3的媒體查詢功能，可以根據(jù)不同屏幕大小或設(shè)備類型加載特定CSS樣式，實(shí)現(xiàn)頁(yè)面自適應(yīng)布局媒體查詢?cè)试S開發(fā)者針對(duì)特定條件定義樣式規(guī)則，如屏幕寬度設(shè)備類型等，確保頁(yè)面在不同設(shè)備上呈現(xiàn)良好效果通過(guò)設(shè)置viewport元標(biāo)簽，可以控制；= hash_widthb_ = hash_heightltscriptagenthtml從URL中獲得寬度值和高度值，并設(shè)置iframe的高度和寬度因?yàn)閍genthtml在下，所以操作ahtml時(shí)不受JavaScript的同源限制HTML的frame框架自適應(yīng)高度的6個(gè)方法1可以給它添加一個(gè)默認(rèn)的CSS的mi；首先你要在html頁(yè)面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁(yè)面中的寬度修改為百分比width=devicewidth ，也就是@mediainitialscale=1quot超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)；一 自然拉伸 如果你的網(wǎng)站結(jié)構(gòu)沒有用到大量的圖形來(lái)銜接，主要由表格來(lái)定結(jié)構(gòu)，那么你就可以使用該方法非常適用于主要由表格文字來(lái)表達(dá)信息的簡(jiǎn)單的網(wǎng)頁(yè)頁(yè)面制作表格時(shí)，只要你把表格的寬度屬性定義為100 ，表格就會(huì)根據(jù)分辨率的不同自行調(diào)整寬度二 固定居中 在800×600分辨率下制作的網(wǎng)頁(yè)在。