网站前端布局方式之:静态网页布局

三七一网络 2023-10-07 23:18:17

建企业网站离不开HTML、CSS和JS,传统的布局方式一般使用固定的尺寸来完成排版布局,这种方式被称为静态布局。静态布局是最为原始的布局方式,没有什么技术性可言,往往是计算机行业刚刚入门的小白使用的布局方式。网页制作标准以像素px为基本组成单位。

1.布局特点不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。2.设计方法PC:居中布局,所有样式使用绝对宽度/高度(px),设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分。移动设备:另外建立移动网站,单独设计一个布局,使用不同的域名如wap.或m.。优点:这种布局方式对设计师和CSS编写者来说都是最简单的,亦没有兼容性问题。缺点:显而易见,即不能根据用户的屏幕尺寸做出不同的表现。当前,大部分门户网站、大部分企业的PC宣传站点都采用了这种布局方式。固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法,我们需要一些适应未知设备的方法。
0 阅读:10

三七一网络

简介:分享网络技术方面的文章。