0

我有一个max-width1280 像素的流体网格。

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

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

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

我无法正常工作。

看我的小提琴：http: //jsfiddle.net/4ya94/

.grid2 {
    width: 18.72%;
}

我希望你们中的任何人都可以帮助 \O/

4

1 回答 1

0

这是由于亚像素渲染。

您定义div的 s 宽度1280px * 18.72%;是239.616px

宽/高比为240px / 320px = 0.75

所以高度将239.616px / 0.75 = 319.488px是然后四舍五入到319px

供您参考：第10.6.1节中的每 CSS 2.1 规范

如果'height'的计算值为'auto'，并且元素具有固有比率，则使用的'height'值为：

(used width) / (intrinsic ratio)
于 2014-03-28T21:27:46.920 回答