HTML:
<span> text </span>
.CSS：
span{
width: 200px;
height: 200px;
display: inline-block;
}
我想让文本适合跨度的大小。因此，如果跨度为200x200，字体高度应为72px。如果它更小，字体大小应该更小。这可能吗？
用百分比来设置字体大小似乎没有任何效果。
我认为使用 em 单位表示高度和字体大小是解决问题的最佳选择。我不能给出确切的代码，但是做这个阅读，它很棒，更适合你未来的设计。
http://www.w3.org/WAI/GL/css2em.htm
$(".container").each(function(){ //if container is a class
$('.text', $(this)).css({'font-size': $(this).height()+"px"}); //you should only have 1 #text in your document, instead, use class
});
您可以像这样在jQuery中动态调整大小：
$(window).resize(function(){
$('#body #mytext').css('font-size',($(window).width()*0.5)+'px');
});
