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

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

可以在不同的分辨率下自適應(yīng)，不會因為分辨率的變化而出現(xiàn)布局混亂的情況 可以通過調(diào)整寬度和高度來適應(yīng)不同的屏幕大小 可以通過使用 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)了一種新的布局方式寬度自適應(yīng)布局我們平時談?wù)摰淖赃m應(yīng)布局，大多指的就是寬度自適應(yīng)布局#xF914響應(yīng)式和自適應(yīng)的區(qū)別首先兩種方式解決問題的是不一樣的自適應(yīng)是為了解決如何才能在不同大小的設(shè)備上呈現(xiàn)同樣的網(wǎng)頁 搶首贊。

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

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