首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度修改為百分比width=devicewidth ，也就是@mediainitialscale=1quot超文本標(biāo)記語言，標(biāo)準(zhǔn)。

如果想要保持布局不變，可以給該元素如div設(shè)置最小寬度屬性在網(wǎng)頁中，如果一個元素沒有設(shè)置最小寬度minwidth，這時當(dāng)瀏覽器縮小到一定程度時，元素中的布局可能會發(fā)生變化設(shè)置代碼如下lthtml lthead lttitle主頁面lttitleltstylebody margin0px width1350px minwidth。

首先看你的背景圖片大小，如果很大的話，一般情況下很多顯示器都會顯示的合適如果是想適應(yīng)移動設(shè)備的，用一個CSS3屬性 backgroundsizecover就可以了，可以將背景圖根據(jù)窗口大小鋪滿整個瀏覽器窗口。

1使用百分比控制標(biāo)簽高寬以實現(xiàn)不同分辨率下顯示比例的固定，但當(dāng)分辨率變形到一定程度，或頁面內(nèi)容十分復(fù)雜時，仍然會影響到內(nèi)容的排版 2使用javascript動態(tài)修改頁面布局樣式，對于簡單的布局可以自寫JS來調(diào)整，對于復(fù)雜的布局，可以考慮從網(wǎng)絡(luò)上找一些具有該功能的JS+CSS前端框架套用。

你在布局的時候沒有把DIV或者TABLE的寬設(shè)置固定值，因此DIV或TABLE都是自適應(yīng)了，所以自適應(yīng)，就是自適應(yīng)瀏覽器的窗口大小，因此，當(dāng)你把瀏覽器變大或者變小的話，網(wǎng)頁內(nèi)的內(nèi)容寬度也會隨之變寬變窄，這樣子布局就非常容易亂如果你還是不大明白的話，你可以MAIL我。