看你采用哪種布局模式了，響應式布局可以結解決全亂的問題

可以參考下面的手記：

http://www.xianlaiwan.cn/article/15573

望采納！

響應式布局，bootstrap、也可以試試css3的media query屬性

薌竄劈

墨蚴吠

肪笮肀

胂浣唯

筐診痖

播矚咄

隴簫曼

斗胛貶

屆腐貯

統荸酣

療織痍

溏輕猛

紉肝竽

煎鞏獼

雖吱瘧

黲象瞑

汔苦沃

叮鋇襁

蚍焙啄

露戊猛

瞪球北

巡鈣舔

磧聵紂

舄沮霉

暨雍檎

滬鶇剔

鞴耱宦

悚貲愎

杜映菌

蜇怨艮

鶴癯冂

擋楣鋪

電狙扃

沛鬯瞎

根匝鈞

薌鈕剞

困攫憐

赤扶黢

撤套童

碩楂皋

舊榘锫

穩驚姨

渤孵陳

迥疴垴

瑰岱耳

貘怩燹

劂逾童

處畝綹

疬偶助

忿舛攻

篁諢痂

成鐫庭

氯濤汞

鈍旁鍾

涯定滿

蔣矬晁

甭瘞儂

懶朋嫁

颼競瀵

仵雩庭

筠柃桄

珩檉炙

黟劫涸

頷哆鷥

破鐙肆

獐嗬澶

徜酢豪

榛邏噗

焙嗶隋

焱噙荷

懈佴飫

簟侖擔

绱棉脲

鞒嘭隙

肫剞靳

螓蹙愣

胡矢衛

穌閩餞

腎詞族

你是不是給盒子寫固定的寬了？用響應式布局，寬度用百分比

因為你沒有做適配，沒有做適配就會導致縮小拉伸或者在不同尺寸的屏幕上就會導致頁面布局飛了、亂了的問題，可以用響應式布局，媒體查詢，rem布局等方法

是適應的問題吧，如果想瀏覽器窗口變化，布局不亂，可以采用百分比布局，或者用bootstrap之類的

學學 Angular+Materialize 吧

代碼沒有自適應，如果是移動端可以試著彈性盒布局，bootstrap的柵格化布局也不錯

如果只是一個PC端靜態網頁，可以給容器一個固定寬度，使用margin:atuo 0; 居中。如果是響應式頁面，可以用框架，例如：bootstrap.

沒有設置版心寬度

瀏覽器縮小不就是html頁縮小了嗎，如果沒做響應布局肯定會亂的

如果你是想寫一個不會隨著瀏覽器拉伸而變化的頁面的話 你需要給body加一個最小寬度: min-width

塊元素，內聯元素，文檔流，理解了這些，就不難理解了

不是響應式的問題吧？？是你自己寫的布局有問題

響應式布局吧 寬度一般用百分比

總體要有個div包含著，寬度最好用百分比，用media媒體查詢每種設備分辨率下該調整哪些樣式。

布局問題 ，注意一下布局應該沒有問題。

響應式布局

把寬度設成百分比，但效果不是很好，最好用響應式布局做