带边框的响应式方形网格 1px

Question

我想知道是否可以创建一个宽度为 1200 像素的响应式 Web 网格，网格的每个正方形上的精确边框为 1 像素。

你可以在这里看到我想要做什么：

http://machinas.com/wip/machinas/website/grid/

我为此使用了流体方块：

http://fluidsquares.com/

我将每个正方形设置为 bg-color white，并且周围的包装具有 bg-color gray，并且每个正方形都有百分比边距来给它一个边框，但它没有给出精确的 1px 边框。有人知道这是否可能吗？

这是到目前为止每个方块的代码：

a {
    margin: 0.1% 0.1% 0 0;
    padding-bottom: 15%;
    width: 16.56%;
    } 

Answer 1

0.09% 将给出 1 个像素边框（尽可能接近）

一种 { 保证金：0.09% 0.09% 0 0； 底部填充：15%； 宽度：16.56%； }