在制作页面时，宽度和高度用百分比还是px单位？页面布局好后，当页面缩小时页面布局会乱，是为什么呢？

Answer 1

如果你希望页面缩小时，布局不乱，可以有两种方式：

1. 给body加上一个min-width最小宽度，以px为单位，这样当页面变小时，当达到你所设置的最小宽度，body的宽度不再改变，超出的部分会用横向滚动条显示，其内所有元素的布局也不会受影响。

2. 使用百分比设置宽度，所有会在页面变化后布局改变的元素的宽度都设置成百分比宽度，这样在缩放时，页面内的各个元素也会跟着缩放，宽度占比不变，当然前提是设置CSS样式前，先给body和html这两个元素设置宽度为100%，避免后面出错。

至于高度，我建议使用确定的值，不要用百分比，因为页面的大小对高度基本没影响。

Answer 2

现在都自适应了。。。要么自己写@media，要么用boostrap。

至少有个原则是，最外面容器宽度可以写死多少px，但是高度不要写

Answer 3

一般布局中，都使用百分比，还有就是高度最好不要设置出来，让元素自己去撑盒子得高度，

Answer 4

最好使用百分比,这样可以随页面的变化而变化,而不改变布局;

布局会乱,是因为你使用的是固定值吧.