猿问

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

慕勒4647995
浏览 4774回答 4
4回答

super_mb

如果你希望页面缩小时,布局不乱,可以有两种方式:给body加上一个min-width最小宽度,以px为单位,这样当页面变小时,当达到你所设置的最小宽度,body的宽度不再改变,超出的部分会用横向滚动条显示,其内所有元素的布局也不会受影响。使用百分比设置宽度,所有会在页面变化后布局改变的元素的宽度都设置成百分比宽度,这样在缩放时,页面内的各个元素也会跟着缩放,宽度占比不变,当然前提是设置CSS样式前,先给body和html这两个元素设置宽度为100%,避免后面出错。至于高度,我建议使用确定的值,不要用百分比,因为页面的大小对高度基本没影响。

nickylau82

现在都自适应了。。。要么自己写@media,要么用boostrap。至少有个原则是,最外面容器宽度可以写死多少px,但是高度不要写

天涯帅哥

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

刚毅87

最好使用百分比,这样可以随页面的变化而变化,而不改变布局;布局会乱,是因为你使用的是固定值吧.
随时随地看视频慕课网APP
我要回答