如何缩放网页内容？

Question

如何缩放网页的内容？比如familyecho.com就可以放大和缩小。他们是如何做到的呢？

Answer 1

1. 尺寸一切可缩放的，是以“em”单位
2. 让您放大的Javascript设置父缩放元素的“字体大小”并通过百分比下降

这里有一个简单愚蠢的示例： 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; 
      }); 
    }); 
}); 

你的想法...