如何縮放網頁內容？

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; 
      }); 
    }); 
}); 

你的想法...