关于各种布局的整理

关于布局

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

你可能感兴趣的:(布局)