Auto-shrinking HTML content

Question

Есть ли простой способ или существующая библиотека, которая сократит содержимое div, если он переполнит его родительский? Я предвижу что-то вроде Powerpoint/Keynote, где текст в основном окне сжимается автоматически, когда контент становится большим (поэтому не просто переформатирование, а шрифты и рисунки становятся меньше, чем в div).

Я считаю, что это должно быть просто сделать, используя шкалу CSS, но я удивлен, что не могу найти кого-то другого, кто это сделал, поэтому я задаюсь вопросом, есть ли проблема, о которой я не думаю?

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