html - 自动收缩 HTML 内容

Question

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

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

Answer 1

像这样的东西？我设置了一个快速测试来计算子框与父框的比率并设置适当的比例以使宽度匹配：

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

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