即传统Web设计,对于PC设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分 意思就是不管浏览器尺寸具体是多少,网页布局就按照当时写代码的布局来布置 对于移动设备,单独设计一个布局,使用不同的域名如wap或m2自适应布局Adaptive Layout自适应布局Adaptive。

现在的网页差不多都采用分列布局,常见的有单列布局如百度首页双列布局三列布局和混合布局,超过三列的布局很少见最简单的要数单列布局了,这种布局适合各种搜索引擎主页,干净的界面和较少的干扰信息给用户较好的体验两列布局三列布局混合布局。

Sticky FooterSticky Footer布局是一种固定在页面底部的脚部设计实现此布局有多种方案,包括在Flexbox和CSS Grid布局中的实现通过合理设置容器的高度和脚部的位置,即使页面内容变化,脚部也能保持在底部均分列在Web布局中,实现列的均分效果同样重要使用Flexbox布局,通过设置flexgrow属性为1,可以。

1静态布局不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示常规的pc的网站都是静态定宽度布局的,也就是设置了minwidth,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端2流式布局布局特点是屏幕分辨率变化时。