如何缩放网页的内容？

Question

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

Answer 1

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

下面是一个简单的愚蠢示例：http://gutfullofbeer.net/zoom.html

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

Answer 2

它们可能会更改宽度/高度和字体大小的css属性。在我短暂的访问中，我发现只有方框和文本改变了形状。

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

你明白我的意思了吧。