How to scale text size compared to container

Question

How would you scale text size based on container size. Other questions state it can\'t be done with css, if not how would you go about it?

Answer 1

You should be able to do this using jQuery -- something like..

$('#cooldiv').css('font-size', '100%')

and

$("#cooldiv").animate({ 
    'width' : (xWidth * (35 / 100)) + 'px',
    'minWidth' : (xWidth * (35 / 100)) + 'px',
    'maxWidth' : (xWidth * (35 / 100)) + 'px',
    'fontSize' : (xWidth * (35 / 100)) + '%'
}, 1000);