IT编程 > 网页制作 > HTML

页面各种布局的整理

87人参与2020-08-08

关于布局

特点 缺点 单 位
静态布局 (适用于pc端) 不管浏览器尺寸具体是多少, 网页布局始终是按照最初写代码时的布局来显示的,没有兼容性问题 不能根据用户的屏幕尺寸做出不同表现 px
流式布局 屏幕分辨率变化时,页面里的元素的大小会变化, 但是布局不变 如果屏幕尺寸跨度太大,那么在其相对原始设计而言过小,过大的屏幕上不能正常显示.非常不友好 %
自适应布局 屏幕分辨率变化时页面内元素的位置会变化而大小不会变化 能根据用户屏幕尺寸做出表现,但是太繁琐.需要创造多个静态布局 px
响应式布局 (适用pc. 移动兼容) (媒体查询)每个屏幕分辨率下面会有一个布局样式,即元素位置和大小都会变 媒体查询是有限的,也就是可以枚举出来的,只能适应主流的宽高 em
弹性布局 (适用于移动端) 理想状态是所有屏幕的高宽比和最初的设计高宽比一样,或者差不多,能够完美适应 只是宽度自适应,高度并没有做到自适应,针一些对高度、或者元素间距要求较高的设计,布局没有意义 rem

本文地址:https://blog.csdn.net/weixin_46278003/article/details/107867830

您对本文有任何疑问!!点此进行留言回复

推荐阅读

猜你喜欢

页面各种布局的整理

08-08

贡献一个CSS心形加载的动画源码

08-08

前端利用伪元素+动画效果制作一个跳动的心

08-08

京训钉自动播放,京训钉自动续播,京训钉刷课时,京训钉自动关弹窗,京训钉自动下一课

08-08

jquery如何封装,简单实例

08-08

浏览器兼容设置 + 拖拽封装

08-08

拓展阅读

大家都在看

音视频编解码:NVIDIA Jetson Linux Multimedia API(总结)

12-04

前端页面点击图片放大功能(viewerjs插件的简单而强大)

08-20

WVP+ZLMediaKit+MediaServerUI实现摄像头GB28181推流播放录制

08-12

京训钉自动播放,京训钉自动续播,京训钉刷课时,京训钉自动关弹窗,京训钉自动下一课

08-12

解决uniapp小程序打包体积超过2M,提示包体积超过2M,“main packagexxx”,不给上传和预览的解决办法,绝对有效!

08-14

R2S搭配即插即用的4G Cat4实现4G转有线以太网的应用演示

11-17

i5 1135g7和i5 9300h 相差多少

11-17

R2S搭配即插即用的4G Cat4实现4G转有线以太网的应用演示

11-17

热门评论