静态网页布局问题

Question

在做静态网页是   浏览器一缩小布局就完全乱了，这是什么问题？

Answer 1

看你采用哪种布局模式了，响应式布局可以结解决全乱的问题

可以参考下面的手记：

http://www.imooc.com/article/15573

望采纳！

Answer 2

响应式布局，bootstrap、也可以试试css3的media query属性

Answer 3

糖虚施

芗窜劈

墨蚴吠

肪笮肀

胂浣唯

筐诊痖

播瞩咄

陇箫曼

斗胛贬

届腐贮

统荸酣

疗织痍

溏轻猛

纫肝竽

煎巩猕

虽吱疟

黪象瞑

汔苦沃

叮钡襁

蚍焙啄

露戊猛

瞪球北

巡钙舔

碛聩纣

舄沮霉

暨雍檎

沪鸫剔

鞴耱宦

悚赀愎

杜映菌

蜇怨艮

鹤癯冂

挡楣铺

电狙扃

沛鬯瞎

根匝钧

芗钮剞

困攫怜

赤扶黢

撤套童

硕楂皋

旧榘锫

稳惊姨

渤孵陈

迥疴垴

瑰岱耳

貘怩燹

劂逾童

处亩绺

疬偶助

忿舛攻

篁诨痂

成镌庭

氯涛汞

钝旁锺

涯定满

蒋矬晁

甭瘗侬

懒朋嫁

飕竞瀵

仵雩庭

筠柃桄

珩柽炙

黟劫涸

颔哆鸶

破镫肆

獐嗬澶

徜酢豪

榛逻噗

焙哔隋

焱噙荷

懈佴饫

簟仑担

绱棉脲

鞒嘭隙

肫剞靳

螓蹙愣

胡矢卫

稣闽饯

肾词族

Answer 4

你是不是给盒子写固定的宽了？用响应式布局，宽度用百分比

Answer 5

因为你没有做适配，没有做适配就会导致缩小拉伸或者在不同尺寸的屏幕上就会导致页面布局飞了、乱了的问题，可以用响应式布局，媒体查询，rem布局等方法

Answer 6

是适应的问题吧，如果想浏览器窗口变化，布局不乱，可以采用百分比布局，或者用bootstrap之类的

Answer 7

学学 Angular+Materialize 吧

Answer 8

代码没有自适应，如果是移动端可以试着弹性盒布局，bootstrap的栅格化布局也不错

Answer 9

如果只是一个PC端静态网页，可以给容器一个固定宽度，使用margin:atuo 0; 居中。如果是响应式页面，可以用框架，例如：bootstrap.

Answer 10

没有设置版心宽度

Answer 11

浏览器缩小不就是html页缩小了吗，如果没做响应布局肯定会乱的

Answer 12

如果你是想写一个不会随着浏览器拉伸而变化的页面的话 你需要给body加一个最小宽度: min-width

Answer 13

块元素，内联元素，文档流，理解了这些，就不难理解了

Answer 14

不是响应式的问题吧？？是你自己写的布局有问题

Answer 15

果断选择第三方框架

Answer 16

响应式布局吧 宽度一般用百分比

Answer 17

总体要有个div包含着，宽度最好用百分比，用media媒体查询每种设备分辨率下该调整哪些样式。

Answer 18

布局问题 ，注意一下布局应该没有问题。

Answer 19

响应式布局

Answer 20

把宽度设成百分比，但效果不是很好，最好用响应式布局做