css - 计算网格方程

标签 css grid yui

所以我使用 YUI 来满足我几乎所有的基本 CSS 需求……但我正在尝试将 YUI3 网格应用到布局中,我需要弄清楚等式的公式是什么:

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

200 像素的侧边栏如何获得 5/24?

最佳答案

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

[5/24 是 200/960 降为最低项。]

要找到公因数: http://www.mathsisfun.com/greatest-common-factor-tool.html

关于css - 计算网格方程,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8251476/

相关文章:

css - 对部分页面使用 YUI 网格 CSS 样式

jquery - angular 2 wepack元素添加jquery(Bootstrap的JavaScript需要jQuery)

javascript - jQuery 鼠标悬停事件处理程序不工作或被检测到

java - 自定义 gxt Cell 可能需要 Widget

html - Bootstrap CSS 平铺网格

javascript - 如何延迟在浏览器上触发的 onLoad 事件?

html - AngularJS 购物车应用 : Disable button when quantity < 2

css - 神秘的底边

html - BootStrap 网格无法正常工作?

javascript - 在 html 输入中设置值不起作用