css - ページとそのコンテンツを小さくする

Question

私はこのCSSでwrapperと呼ばれるdivを持っています:

   .wrapper {
            width: 960px;
            min-height: 720px;
            margin: 0 auto;
            text-align: center;
            background: url(images/bg-light.png) no-repeat;
            padding-top: 20px;
            }

これは体内にあります。本文の CSS:

   body { 
        background: #232323 url(images/bg.png) repeat;
        margin: 0;
        padding: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

ブロックレベルで表示される HTML 5 要素があります。CSS は次のとおりです。

header, nav, article, section, aside, footer, address {  
        display: block;  
        } 

ページ全体を小さくしようとしています。つまり、ブラウザで Ctrl/- をクリックした場合と同じです。では、ページのサイズを小さくするにはどうすればよいでしょうか? 現在のサイズの 67% (たとえば) として表示する方法。