CSS网格框架百分比

Question

我正在实施CSS网格作为学习体验，并基于我的学习和阅读以下内容：

http://css-tricks.com/dont-overthink-it-grids/

基于百分比的网格最有意义，但是当处理三分之一时，如果分数加起来达到100％，它是如何工作的？

33％+ 33％+ 33％显然是99％ - 在CSS框架中使用thirdds进行网格布局会产生什么影响（如果有的话）？

最后，为什么这么多框架倾向于关注如此多的列单元？ YUI Pure例如支持24个单元，这使得CSS乍看之下更难以理解，为了提供更多的像素完美精度＆＃34;？

对我而言，最多支持4或5列似乎合乎逻辑，并在网格中嵌入网格以实现更精细的布局控制。

使用网格会以任何方式消除像素精度吗？这些天的每个网站无论如何都被分成4或5列。

意见，经验，建议????

Answer 1

您提出的多个（好！）问题的几个答案：

• 百分比不需要是整数。所以做width: 33.3333%可以让你非常接近100％。不加100就不会让你的全宽一点点，但如果你足够接近，没有人会注意到。

• 为什么这么多列？由于内容的大小不同，而且您拥有的列数越多，您的网格就越适应。这是一个关于网格题为“网格是好的（对吗？）”的精彩演示，虽然几年前仍然值得一看。它位于a PDF或on slideshare

中

Answer 2

关于列，它可以让您更好地控制定位元素。我通常使用16网格系统（4,4,4,4）作为我的桌面布局，但如果您想将其从col_3定位到col_6，则允许

我提供了一张视觉辅助图片。