流体网格未正确缩放

【问题标题】：Fluid grid is not scaling correctly流体网格未正确缩放
【发布时间】：2014-03-29 05:27:46
【问题描述】：

我有这个流体网格，max-width 为 1280 像素。

它由五列设置组成 - grid2、grid4、grid6、grid8 和 grid10。

总的来说，乍一看它看起来不错，但是在检查代码时（在 Firefox 和 google chrome 中检查），最小的点 (grid2) 的高度小了一个像素。

在max-width，其余点的高度应该是320px，但它只有319px。

我无法正常工作。

.grid2 {
    width: 18.72%;
}

希望大家能帮忙\O/

【问题讨论】：

【解决方案1】：

这是由于亚像素渲染造成的。

您定义的divs 宽度是1280px * 18.72%;，即239.616px

宽高比为240px / 320px = 0.75

所以高度将为239.616px / 0.75 = 319.488px，然后向下舍入为319px

供您参考：10.6.1 部分中的每个 CSS 2.1 规范

如果“height”的计算值为“auto”，并且该元素具有内在比率，那么“身高”的使用值为：
(used width) / (intrinsic ratio)

【讨论】：