网页的三种布局(固定布局,流式布局,弹性布局)

固定布局:

以px来设置宽度!

流式布局:

以百分比来设置宽度!在宽度较小时,行宽会变得非常窄且难阅读。因此我们要给它添加以px或者em为单位的min-width,从而防止布局变得太窄!

弹性布局:

相对于字号来设置宽度,以em为单位设置宽度!由于字号增加时整个布局宽度会加大,因此可能比浏览器窗口宽,导致水平滚动条出现。所以,要给它添加一个max-width为100%!

注:em始终相对于父级元素大小;rem始终相对于html大小

原文地址:https://www.cnblogs.com/Salicejy/p/11239366.html