Question

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

您是否有任何想法可以改变我的表格以更好地运作？

Answer 1

<div id="fit">
<div>some text</div>
</div>

固定尺寸

#fitin {
width: 300px;
height: 100px;
border: 1px solid black;
overflow: hidden;
font-size: 1em;
}

这个JavaScript可以完成这项工作。

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

Answer 2

FitText是一个简单的解决方案，如果它非常适合您的项目，这是一个有效的例子 http://codepen.io/panchroma/pen/lDBvc

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

锄头有帮助！

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

2 个答案: