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

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

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

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

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