Blueprint

The width of the grid lines stays the same regardless of the viewport or grid size.

by cathead

CSS

body {
    background-color:#269;
    background-image: -moz-linear-gradient(white 2px, transparent 2px),
                      -moz-linear-gradient(0, white 2px, transparent 2px),
                      -moz-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
                      -moz-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
    background-image: -o-linear-gradient(white 2px, transparent 2px),
                      -o-linear-gradient(0, white 2px, transparent 2px),
                      -o-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
                      -o-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
    background-image: -webkit-linear-gradient(white 2px, transparent 2px),
                      -webkit-linear-gradient(0, white 2px, transparent 2px),
                      -webkit-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
                      -webkit-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
    background-size:200px 200px, 200px 200px, 40px 40px,  40px 40px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}