我已经查看了所有时髦的流体网格框架，似乎不可能有一个流体网格使用百分比作为列宽（以及 ems 用于排水沟宽度），它可以被 3 整除，并且不会受到影响从可怕的舍入错误。看一看：
http://roestudios.com/code/12-columns.html
尝试调整浏览器窗口的大小，并注意事情是如何反弹的。大多数排水沟根本没有排成一行。这是因为缺乏整齐的亚像素处理。当然，舍入因浏览器而异。
我展示的示例基于 12 列网格，这是理想的，因为 12 列网格允许元素是页面宽度的 1/4 和 1/3。
这就是为什么像The Golden Grid这样的东西不起作用的原因：它不能被 3 整除。
拥有一个全宽“主”区域和下面三个“桶”的主页是相当标准的。标准布局。
但是在尝试构建“响应式网站”时，如果我希望元素像素完美对齐，那么带有多个 @media 查询的固定布局可能是唯一真正的选择。
编辑：Webkit 中的情况要糟糕得多，但即使是 Firefox 也不会产生像素完美的结果。