页面整体缩放

iframe {
  /* Set the width of the iframe the size you want to transform it FROM */
  width: 1108px;
  height: 710px;
  /* apply the transform */
  -webkit-transform:scale(0.25);
  -moz-transform:scale(0.25);
  -o-transform:scale(0.25);
  transform:scale(0.25);
  /* position it, as if it was the original size */
  position: absolute;
  left: -400px;
  top: -200px;
}

To see an example look at: http://jsfiddle.net/8DVNa/

参考

• http://stackoverflow.com/questions/9036927/i-need-to-scale-an-entire-website-down-to-80
• http://stackoverflow.com/questions/1156278/how-can-i-scale-an-entire-web-page-with-css
• http://www.collaboration133.com/how-to-scale-iframe-content-in-ie-chrome-firefox-and-safari/2717/
• http://stackoverflow.com/questions/2630308/possible-to-shrink-contents-of-iframe