不同平台、不同设备的屏幕尺寸不尽相同，为了保证界面在不同的屏幕上正确显示，

设计师们必须针对不同尺寸的屏幕作出适配

但是在大部分的公司，设计师都没有足够的时间去出适配设计稿，毕竟伟大的设计湿们要专注在创（yang）作（sheng) 上才对，其实在掌握适配的原则后，只需要和开发小哥沟通好定义的原则，适配工作可以 变得很轻松

最近刚好完成了适配工作，所以在这里分享下自己的总结，希望可以对大家有所帮助，也作为我的经验笔记 

自适应界面七大适配原则

包括缩放、拉伸、隐藏、均分、占比、折行、延伸等七大原则，在实际工作中需要针对不同的情况使用一项或多项原则进行适配

一、缩放

元素或组件等比缩放，必要时可定义缩放的最大值或最小值

多用于 icon、图像等不可变形的界面元素

二、拉伸

元素通过定义在组件内的四个边距，当组件宽/高发生变化时，保持边距固定的前提对内容进行拉伸

多用于卡片式设计，确保组件内元素始终处于正确的相对位置

三、隐藏

当元素横向布局时，固定元素之间的距离，组件的宽度随着元素的数量变化

组件的宽度缩小，元素的可展示数量减少，反之亦然

四、均分

组件内的元素均分空间

根据元素的数量和组件的宽度，均分各个元素的间距

五、占比

固定元素在组件中占的比例，

即组件中的元素随组件同比缩放

六、折行

组件内的元素根据组件的宽度选择左右 or 上下布局，通俗的讲就是放得下就放，放不下就换一行放，值得注意的是设计师需要定义折行后元素的间距

七、延伸

定义元素的间距，组件内的元素根据组件的宽度决定显示个数，未显示完全的内容通过滚动查看更多

多用在导航栏的页签或分页器

在实际工作中，需要设计师根据控件的具体形态以及可能面对的屏幕尺寸，去定义使用哪一种适配原则，再和开发沟通好，才能实现最好的适配效果