目前流行的栅格化布局为何这么划分？相比5%，10%，15%这样简单的栅格有什么优势呢

Question

栅格化布局想必大家都了解，12格，24格等等，多种多样。
但简单的分为5%，10%，15%这样20格，配合box-sizing:border-box，似乎也能实现当前的栅格布局。
栅格化布局为何要这么划分，相比5%，10%这样的分法，他的优势在哪里呢？

Answer 1

建议阅读以下博客来了解他们的由来这些设计都是很有考究的，替楼主找到了一个比较全面的分析，建议阅读下，看能否解决这个问题。传统网页布局栅格化设计分析

Answer 2

优势是兼容性。用了box-sizing:border-box就说明放弃了IE8-的浏览器，这样做无法全面的兼容。所以你可以看到，现在比较新的栅格系统都是用的box-sizing:border-box，而较老的就用的固定width来实现。对此就是bootstrap2和bootstrap3的区别，两个版本就用了你说的两种方法。