如何缩放网页内容？

Question

如何缩放网页内容？例如，在familyecho.com上，您可以放大和缩小。他们是怎么做到的？

Answer 1

1. 使用“em”单位缩放所有可缩放的内容
2. 进行缩放Javascript按百分比向上和向下设置父可缩放元素的“font-size”

这是一个简单的傻瓜样本：http://gutfullofbeer.net/zoom.html

它使用jQuery，但这当然不是必需的。

Answer 2

他们可能会更改宽度/高度和字体大小的c​​ss属性。从我的短暂访问中我看到，只有盒子和文字改变了形状。

//jQuery...
$.(function(e) {
    $('#plusButton').click(function() {
        $('#stuffToGrow').css({
          width: function(index, value) {
              return value * 2;
          }, 
          height: function(index, value) {
             return value * 2;
          });
    });
});

你明白了......