![261fc5293df8c99c34ffda083c51b9bf.png](https://i-blog.csdnimg.cn/blog_migrate/ce8b965d98925a63ab47786140c6d1bb.jpeg)
之前写过一个关于栅格系统的简述文章;现在来看只能作为简单的视觉布局参考,更多的是从排版布局的角度出发。最近被问到选择几作为栅格基数比较好这个问题,对此做一下整理。
其实栅格在各个平台开发布局中都有所定义。
浅析三大平台的开发布局方式
通俗介绍 简单了解一下开发布局中栅格的变革
Web端
Web端最常见的布局Bootstrap(https://v3.bootcss.com/css/)它是Twitter的设计师Mark Otto和Jacob Thornton合作开发的一款强大的前端框架;至今仍被广泛使用。已经更新到V4版本了Bootstrap中的栅格系统是一套响应式、移动设备优先的瀑布流式栅格系统。它将系统分为12列,当然也可以通过变量来改变列数和列宽,水槽宽度,屏幕浮动宽度;其实设置屏幕浮动宽度就是我们看到的屏幕自适应,就是根据屏幕宽度来选择显示参数。Bootstrap中的栅格流只能作为大的布局定义,那么针对最小单位是该用8、10、15还是多少也是需要根据需求去做分析。
![bd7fdda44b9146e4ec324c44cc12f5b0.png](https://i-blog.csdnimg.cn/blog_migrate/1b840f8fb7f92715966d87c5c9ffa7b9.png)
iOS端
iOS布局方式很多,常用的可以归纳为Frame、Autoresizing、Constraint、StackView和Masonry五种;其中,Frame用来描述UIView的位置和大小;Autoresizing早期用来适配屏幕;Constraint比Autoresizing更加灵活,适配效果更好;了解一下,StackView它是iOS9时新增的一个视图类,可以把它理解成一个容