自动缩小HTML内容

Question

有没有简单的方法或现有的库，它会缩小div的内容，如果它溢出它的父级？我设想的是类似Powerpoint/Keynote的东西，当内容变大时，主框中的文本会自动缩小（所以不只是重新格式化，而是字体和图片变得更小以适应div）。

我觉得这应该很简单，使用CSS'scale'，但我很惊讶我找不到其他人，所以我不知道是否有一个我没有想到的问题？

Answer 1

Something like this？我成立了一个快速测试，计算子到父盒的比例，并设置适当的规模，使宽度相符：

var one = $('.one'); 
var two = $('.two'); 

if (two.width() > one.width()) { 
    two.css({ 
     'transform': 'scale(' + one.width()/two.width() + ')', 
     'transform-origin': '0 0' 
    }); 
}