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

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

可以在不同的分辨率下自適應(yīng)，不會(huì)因?yàn)榉直媛实淖兓霈F(xiàn)布局混亂的情況 可以通過調(diào)整寬度和高度來適應(yīng)不同的屏幕大小 可以通過使用 CSS 的 Flexbox 或 Grid 布局來實(shí)現(xiàn)更加靈活的布局。

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

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

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

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