通常情况下，需要区分，具体需要看用户网站方的需求可以采用响应式布局的方式，取320640等断点，用一套CSS兼容手机padPC等平台如果说，需要兼容IE8，那么响应式布局需要慎重选择；#流式布局流式布局是指所有元素都默认向左上角靠拢，通过调整元素相对位置来达到预期效果这种布局方式的优点是适应性强，可以在不同分辨率的设备上自适应调整缺点是元素位置取决于相邻元素的位置和尺寸，不够灵活；2流式布局 也叫100%布局宽度单位为百分比流式布局常用的设计模板左侧固定+右侧自适应，左右固定宽度+中间自适应优点可以适应不同尺寸的屏幕 缺点如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的；现在很多站长在做网站时都比较倾向于响应式设计，这是因为一个响应式网站就可以完全适应不同尺寸的设备除此以外，响应式网站也没有缩放布局和流式布局的一些缺点但在设计响应式网站时我们也要多加注意，仔细规划，才能更。

所谓流式布局意思是从左到右对该容器里面的控件进行布局，当一行不能容纳时候自动换行该布局是从左到右，然后从上到下JFrame的默认布局就是BorderLayout这个布局跟流式布局不同分为中南西北中，五种控件位置摆放方式；1灵活性不同静态布局毫无灵活性可言，目前已逐渐被淘汰自适应布局静态布局的升级版，因其强大的灵活性，已逐渐成为高端网页的代名词流式布局灵活性更高，可适用于其他三种网站布局响应式布局自适应布局的；流式布局将页面宽度设置为百分比当显示区域改变时，页面布局将按比例改变 流式布局强调适应屏幕宽度的变化在实际应用中，往往设置为适应宽度，而高度是不变的当页面变大时，页面布局会水平加宽 弹性布局 灵活布局采用remem等相对；以上的图都是默认 androidorientation=quothorizontalquot 的流式布局，而 androidorientation=quotverticalquot 的样式如图4除了 appflow_wrapMode=quotalignedquot 的绝对对齐之外，Flow还有几种对齐方式top就是顶部对齐，如图5bottom；#选定基本设计尺寸选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套。

不是一个概念咯网页开发总是基于流式布局的，这是由浏览器及html规范限定的基于网格的布局是应用程序开发时经常使用的布局方式流式布局所有的元素总是默认的自动向左上角靠近，一般我们只会通过控制元素相对位置的；Auto自动，能自动调整Y轴的范围，将整个直方图显示出来 Manual手动，需要在后面的“Max”选项中手动输入Y轴标度的最大值，然后按“回车 键”确认比如，在此例中需要将“Max”值设为16032布局编辑器Layout中；默认的文字大小16px就是1em5响应式布局 每个屏幕分辨率下面会有一个布局样式，即元素位置和大小都会变，设计方法通常采用了媒体查询+流式布局，使用@media媒体查询给不同尺寸和介质的设备切换不同的样式为不同终端的；流式布局以百分比设定页面宽度，当显示区域变化时，页面布局会等比的发生改变 流式布局强调的是适应屏幕宽度的变化在实际应用中，经常是设置成宽度适应，而高度不变当页面变大时，页面布局相当于被横向拉宽了 弹性布局 弹性布局采用；流式布局的应用是为了和媒体查询完美地结合，形成平滑的布局变 化跳转效果一般而言，media里的样式多以widthpaddingmarginfontsizelineheight这些为主g 响应式web设计之液态图片要实现液态图片，只需加入如下。

流式布局 元素的宽高用 百分比 做单位，元素宽高按屏幕分辨率调整，布局不发生变化屏幕尺度跨度过大的情况下，页面不能正常显示响应式布局 采用自适应布局和流式布局的综合方式，为 不同屏幕分辨率范围 创建 流式；优点这种布局方式对设计师和CSS编写者来说都是最简单的，亦没有兼容性问题缺点显而易见，即不能根据用户的屏幕尺寸做出不同的表现二流式布局LiquidLayout流式布局Liquid的特点也叫quotFluidquot是页面元素；5 Foundation Foundation 是一款强大的，功能丰富的并且支持响应式布局的前端开发框架，你可以通过Foundation快速创建原型，利用它所包含的大量布局框架，元素以及最优范例快速创建在各种设备上可以正常运行的网站以及appFoundation。