grid - レスポンシブ スクエア グリッド ボーダー付き 1px

Question

グリッドの各正方形に正確に 1 ピクセルの境界線を持ち、幅 1200 ピクセルのレスポンシブ Web グリッドを作成できるかどうか疑問に思っていました。

ここで私がやろうとしていることを見ることができます：

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

私はこれに流動的な正方形を使用しています:

http://fluidsquares.com/

各正方形を背景色の白に設定し、ラッパーの周囲には背景色の灰色があり、各正方形には境界線を与えるパーセンテージのマージンがありますが、正確な 1 ピクセルの境界線はありません。どういうわけかそれが可能かどうか誰でも知っていますか?

これまでのところ、各正方形のコードは次のとおりです。

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