响应方形网格边框1px

时间:2013-05-24 15:52:37

标签: grid responsive-design

我想知道是否可以创建宽度为1200像素的响应式网格,网格的每个方格都有1px的精确边框。

你可以看到我在这里要做的事情:

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

我正在使用流体方块:

http://fluidsquares.com/

我将每个正方形设置为bg颜色为白色,并且包装周围有一个bg颜色灰色,每个正方形都有百分比的边距以给它一个边框,但它不能给出精确的1px边框。任何人都知道它是否有可能?

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

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

1 个答案:

答案 0 :(得分:0)

0.09%会给出1个像素边框(最接近你可以得到)

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