Css 计算网格方程

Css 计算网格方程,css,grid,yui,Css,Grid,Yui,所以我使用YUI来满足我所有的基本CSS需求。。。但我正试图将YUI3网格应用于布局,我需要找出方程式的公式: “下一步是决定每个“列”的大小并选择合适的“单位”。记住,单位大小是基于百分比的,因此在使用像素而不是比例进行设计时可能需要一些数学知识。要创建200像素宽的边栏,假设960px布局,我们将使用5/24单位(“yui3-u-5-24”)对于窄柱,19/24(“yui3-19-24”)用于主柱。” 200px侧边栏是如何得到5/24的?将200除以40。现在将960除以40.:-) [5

所以我使用YUI来满足我所有的基本CSS需求。。。但我正试图将YUI3网格应用于布局,我需要找出方程式的公式:

“下一步是决定每个“列”的大小并选择合适的“单位”。记住,单位大小是基于百分比的,因此在使用像素而不是比例进行设计时可能需要一些数学知识。要创建200像素宽的边栏,假设960px布局,我们将使用5/24单位(“yui3-u-5-24”)对于窄柱,19/24(“yui3-19-24”)用于主柱。”


200px侧边栏是如何得到5/24的?

将200除以40。现在将960除以40.:-)

[5/24为200/960,降低至最低条款。]

找出共同因素:
用200除以40。现在将960除以40.:-)

[5/24为200/960,降低至最低条款。]

找出共同因素:

40是200和960中的最大公因数(GCF),您可以使用它将两个数字按比例减少到最低值。如果数字不同,可能是40以外的数字。谢谢Brian。。。我讨厌数学。我在这方面做得很糟糕,这让我沮丧不已。。。但我现在理解了这个理论。40是200和960的最大公因式(GCF),这是你用来将两个数字按比例减少到最低值的方法。如果数字不同,可能是40以外的数字。谢谢Brian。。。我讨厌数学。我在这方面做得很糟糕,这让我沮丧不已。。。但我现在理解了这个理论。