「布局」静态布局、自适应布局、流式布局、响应式布局、弹性布局...

1、响应式布局 ：采用自适应布局和流式布局的综合方式，为 不同屏幕分辨率范围 创建 流式布局 。

在华宁等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站制作、成都做网站 网站设计制作按需网站开发,公司网站建设,企业网站建设,品牌网站制作,营销型网站,成都外贸网站制作,华宁网站建设费用合理。

2、静态布局 给页面元素设置固定的宽度和高度，单位用px。窗口发生变化时，会出现滚动条，内容会被遮挡。优点：简单方便，不存在兼容问题。缺点：网页无法根据用户设备屏幕的宽度进行自适应。流式布局 也叫100%布局。

3、静态布局：传统布局，屏幕宽高变化时，盒子使用横向或者竖向的滚动条来查看被遮挡部分，也就是不管浏览器窗口的大小怎么变化就按html语义标签排列的布局来布置。

4、灵活性不同：静态布局：毫无灵活性可言，目前已逐渐被淘汰。自适应布局：静态布局的升级版，因其强大的灵活性，已逐渐成为高端网页的代名词。流式布局：灵活性更高，可适用于其他三种网站布局。

5、流式布局：布局特点是屏幕分辨率变化时，页面里元素的大小会变化而但布局不变。自适应布局：自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围。

Android流式布局如何实现历史搜索记录

1、首先看下如何配置搜索的XML配置文件。先命名配置文件名称为searchable.xml，保存在res/xml文件夹中。

2、使用SearchView。SearchView顾名思义就是一个搜索视图，和之前讲解的自动匹配的输入框类似。只不过他有自己特有的监听器，并且可以实时得到用户输入的结果。还不明白者可去Google一下SearchView，基本上就明白了。

3、如图123所示，加了10dp的间距后，看着跟网格布局一样。顾名思义，与LinearLayout的orientation属性一样，约束布局是水平方向的流式，还是垂直方向。

什么叫流式布局

1、JAVA 中panel的默认布局就是流式布局，类就是FlowLayout.所谓流式布局意思是从左到右对该容器里面的控件进行布局，当一行不能容纳时候自动换行。该布局是从左到右，然后从上到下。

2、流式布局：为网页设置一个相对的宽度，通常以百分比做为长度单位。栅格化布局：将网页宽度人为的划分成均等的长度，然后排版布局时则以这些均等的长度做为度量单位，通常利用百分比做为长度单位来划分成均等的长度。

3、流式布局：使用百分比定义宽度，高度大都是用px来固定，可以根据可视区域 (viewport) 和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。响应式布局：媒体查询+流式布局。

4、流式布局 ：元素的宽高用 百分比 做单位，元素宽高按屏幕分辨率调整，布局不发生变化。屏幕尺度跨度过大的情况下，页面不能正常显示。

5、流式布局 也叫100%布局。宽度单位为百分比。流式布局常用的设计模板：左侧固定+右侧自适应，左右固定宽度+中间自适应。

6、流式布局是开箱即用的。易于使用，对于大多数 UI 都足够了。但也可以创建自己的 自定义布局 。布局类的核心方法是 layoutAttributesForElementsInRect： 。可以读一下 来自 objc.io 的教程，写的很好。

移动端布局中的流式布局是什么原理

1、流式布局 ：元素的宽高用 百分比 做单位，元素宽高按屏幕分辨率调整，布局不发生变化。屏幕尺度跨度过大的情况下，页面不能正常显示。

2、流式布局，就是百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。

3、所谓流式布局意思是从左到右对该容器里面的控件进行布局，当一行不能容纳时候自动换行。该布局是从左到右，然后从上到下。JFrame的默认布局就是BorderLayout.这个布局跟流式布局不同。

4、静态布局：居中布局，所有样式使用绝对宽度/高度(px)，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分。自适应布局：使用 @media 媒体查询给不同尺寸和介质的设备切换不同的样式。

最流行的四种移动端布局方式,看这一篇文章就够了

流式布局，就是百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。

手风琴布局 优点 两级结构可承载较多信息，同时保持界面简洁；减少界面跳转，提高操作效率高。缺点 同时打开多个手风琴菜单，分类标题不易寻找，且容易将页面布局打乱。场景 适用于两级结构的内容，并且二级结构可以隐藏。

就是我们写的1px，在移动端，是逻辑像素的1px，而非物理像素的1px。

Android设备的界面适配设计

1、androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。

2、网易游戏求交往的界面，中间卡片区域大小根据设备等比缩放，如中间用户头像与“同喜欢2款游戏”的文字，在设计时需要考虑产品的目标设备中最小设备下的布局显示效果，避免出现重叠的情况。而纵向的元素数量也需要如此考虑。

3、 Android推荐使用dp作为尺寸单位来适配UI ，通过dp加上自适应布局和weight比例布局可以基本解决不同手机上适配的问题，这基本是最原始的Android适配方案。

4、程序在运行时，就会检测手机的屏幕大小，如果是平板设备就会加载 res/layout/main_twopanes.xml ，如果是手机设备，就会加载 res/layout/main.xml 。我们就解决了只使用一个布局文件来适配android2前后的所有平板设备。

文章名称：流式布局android 流式布局是使用固定页面宽度的布局方式
转载源于：http://azwzsj.com/article/dgcoegg.html