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

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

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

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

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