-1

親がオーバーフローした場合にdivのコンテンツを縮小する簡単な方法、または既存のライブラリはありますか？私はPowerpoint/Keynoteのようなものを想像しています。ここでは、コンテンツが大きくなると、メインボックスのテキストのサイズが自動的に縮小します（したがって、再フォーマットするだけでなく、フォントと画像がdivに収まるように小さくなります）。

CSSの「スケール」を使えば簡単にできると思いますが、他にやっている人が見つからないのでびっくりしましたので、思いもよらない問題があるのではないでしょうか。

4

1 に答える 1

1

このようなもの？親ボックスに対する子の比率を計算し、幅が一致するように適切なスケールを設定するクイックテストを設定しました。

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

if (two.width() > one.width()) {
    two.css({
        'transform': 'scale(' + one.width() / two.width() + ')',
        'transform-origin': '0 0'
    });
}
于 2013-02-08T15:37:29.923 に答える