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

自动缩小HTML内容

1 个答案: