Text 缩放时使文本适合表格单元格,调整字体大小

Text 缩放时使文本适合表格单元格,调整字体大小,text,responsive-design,font-size,css-tables,tablecell,Text,Responsive Design,Font Size,Css Tables,Tablecell,我有一个表格,当屏幕宽度改变时,它可以调整它的总宽度。不幸的是,这会导致文本溢出表格单元格,因为它太大了。我已经试过大众和vh的装置,但这使得文字太小太快。它应该“刚好适合”表格单元格 你有什么想法吗?或者我有什么想法可以改变我的桌子以更好地工作 <div id="fit"> <div>some text</div> </div> 这个JavaScript将完成这项工作 $(function() { while( $('#fitin div').

我有一个表格,当屏幕宽度改变时,它可以调整它的总宽度。不幸的是,这会导致文本溢出表格单元格,因为它太大了。我已经试过大众和vh的装置,但这使得文字太小太快。它应该“刚好适合”表格单元格

你有什么想法吗?或者我有什么想法可以改变我的桌子以更好地工作

<div id="fit">
<div>some text</div>
</div>
这个JavaScript将完成这项工作

$(function() {
while( $('#fitin div').height() > $('#fitin').height() ) {
    $('#fitin div').css('font-size', (parseInt($('#fitin div').css('font-size')) - 1) + "px" );
}
});
如果它非常适合您的项目,这是一个简单的解决方案,下面是一个工作示例

有时,您必须使用压缩器设置来调整文本细节和可用空间的结果(例如…fitText(1.2))

锄这有帮助

$(function() {
while( $('#fitin div').height() > $('#fitin').height() ) {
    $('#fitin div').css('font-size', (parseInt($('#fitin div').css('font-size')) - 1) + "px" );
}
});