静态、自适应、流式、响应式四中布局的区别
2017-10-30 11:34
411 查看
静态布局:不管浏览器大小有多大,设置的网页大小不会改变,如果用手机访问,横向和竖向都会有滚动条,不能缩放大小,宽度固定
自适应布局:网页内容自动适应屏幕分辨率的变化,但数量和位置不会发生变化(自适应的体验http://m.ctrip.com/html5/ )
流式布局:可理解为网页中的一种样式,网页中的内容一层层往下加载,像微博、今日头条这种消息加载就应用了流式布局
响应式布局:在不同屏幕中,都自动调整布局和分辨率。(响应式的体验 http://segmentfault.com/ )
静态布局是一种比较老的页面布局方式,毫无灵活性可言,目前已淘汰。自适应布局可看做静态布局的升级版,响应式布局是自适应布局的升级版,流式布局作为一种布局样式,可试用与三种网站布局。
自适应布局:网页内容自动适应屏幕分辨率的变化,但数量和位置不会发生变化(自适应的体验http://m.ctrip.com/html5/ )
流式布局:可理解为网页中的一种样式,网页中的内容一层层往下加载,像微博、今日头条这种消息加载就应用了流式布局
响应式布局:在不同屏幕中,都自动调整布局和分辨率。(响应式的体验 http://segmentfault.com/ )
静态布局是一种比较老的页面布局方式,毫无灵活性可言,目前已淘汰。自适应布局可看做静态布局的升级版,响应式布局是自适应布局的升级版,流式布局作为一种布局样式,可试用与三种网站布局。
相关文章推荐
- 静态、自适应、流式、响应式四种网页布局的区别
- 静态、自适应、流式、响应式等布局的区别
- 学习笔记之静态、自适应、流式、响应式四种网页布局区别
- 静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别
- HTML网页布局:静态、自适应、流式、响应式
- 静态、自适应、流式、响应式四种网页布局
- 静态布局、自适应布局、流式布局与响应式布局的区别
- 多屏适应响应式布局方案,响应式、自适应布局区别 完整的思维导图
- 布局的几种方式(静态布局、自适应布局、流式布局、响应式布局、弹性布局)
- 关于静态布局、自适应布局、流式布局、响应式布局、弹性布局的一些概念
- 使用 Android Studio自定义View01——注意是否重写onMeasure的区别,实现真正的自适应布局
- 【web】强大的屏幕适配布局rem响应式 实现一套web代码多端自适应适配
- 响应式和自适应区别
- 两栏自适应布局,左边固定和右边固定的区别
- 响应式网站和自适应网站区别
- 响应式网页与自适应网页的区别
- 自适应布局,响应式布局以及rem,em区别
- 自适应和响应式的区别
- 响应式和自适应区别
- 自适应和响应式的区别