深入理解各种布局方式:静态,自适应,流式,响应式,弹性

本文介绍了静态布局的概念及其特性,这是传统WEB布局方式,适用于初学者学习html和css时使用。静态布局采用px作为尺寸单位,其布局固定不变,不随浏览器窗口大小变化而调整。

一.静态布局

    这是我们传统的WEB布局,是初学者在早期学习html和css时常用的布局方式,也是我们最熟悉的一种方式,它一般来说比较死板,我们使用单位px作为网页上一切元素尺寸的衡量标准。

特点:这种布局值按照当时设计代码时所呈现的屏幕大小尺寸,在这个特定的尺寸下才能全部显示。一旦出现浏览器窗口缩小,网页的布局不会改变,会出现滚动条,你可以通过滚动条去查看全部网页。他非常简单,并且不存在兼容性的问题,但是很明显他不能随着浏览器窗口的变化而呈现出不同的表现,给人的感觉就是一种静态。

PS:这种布局方式我们常见于PC端。


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值