如何创建精致的UI界面(五):响应式布局篇( 二 )

毫无疑问, 响应式布局设计对于现今安卓和IOS端碎片化屏幕是非常重要的,它能使我们在最小的资源的情况下完成设计适配,它的工作原理通过断点系统来判断读取布局方式。

断点其实就是媒体查询值,比如我们平时做的 Phone 和 Pad 的适配,又或者其他终端适配,就是通过设定断点来让程序读取对应的布局(断点设定可以根据屏幕分辨率或者屏幕尺寸)

响应式布局的运用范围

如何创建精致的UI界面(五):响应式布局篇

响应式布局不只是在Web端用得比较多,当然他也在其他终端也运用比较多,如电脑,pad ,手机,以及车机系统(某些需要考虑全局一致的项目上);

为什么响应式布局在今天运用依然是很重要的,因为目前使用的系统被2大厂商分离割据,微软移动领域的占比很少,暂不提,苹果一家自成一派,安卓系统占比市场很大,包括国内外很多厂商的定制化系统+自己出硬件设备,尺寸不一,这就导致如今碎片化屏幕。

推荐阅读