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

其次，除了布局和文本，”自適應網(wǎng)頁設計”還必須實現(xiàn)圖片的自動縮放有條件的話，最好還是根據(jù)不同大小的屏幕，加載不同分辨率的圖片有很多方法可以做到這一條，服務器端和客戶端都可以實現(xiàn)。

可以在不同的分辨率下自適應，不會因為分辨率的變化而出現(xiàn)布局混亂的情況 可以通過調(diào)整寬度和高度來適應不同的屏幕大小 可以通過使用 CSS 的 Flexbox 或 Grid 布局來實現(xiàn)更加靈活的布局。

代碼實例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動端開發(fā)實例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlink rel=quotstyles。

于是出現(xiàn)了一種新的布局方式寬度自適應布局我們平時談論的自適應布局，大多指的就是寬度自適應布局#xF914響應式和自適應的區(qū)別首先兩種方式解決問題的是不一樣的自適應是為了解決如何才能在不同大小的設備上呈現(xiàn)同樣的網(wǎng)頁 搶首贊。

第一步選擇合適的字體字體是決定文字自適應布局的一個關鍵因素需要注意的是，不同的字體在不同的瀏覽器中和不同的設備上會有不同的效果，因此在選擇字體時需要充分考慮這些因素同時，需要考慮字體的大小和間距是否合適。

min980pxcss文件里要用百分比的方式來布局，這樣布局就自適應了，另外字體的大小也要用自適應才行，如大小用em做單位當布局縮小時，布局也有相應的改變，如隱藏一些不大重要的內(nèi)容最好就是找一些響應式網(wǎng)頁設計的書籍。