Question

我有一个100％的屏幕表，里面有3x3 = 9个单元，每个33％。到现在为止还挺好。它是一个干净，可扩展的井字游戏。

问题是TD内部的文本不会缩放。

有没有办法说“我希望文字大小是TD高度的30％”？或者其他什么

PS：我尝试使用font-size：50％，但它不起作用。这意味着父字体大小的50％，这是一些固定的像素值。所以它不是动态的。

Answer 1

这可以通过JavaScript实现。

<body onload="resizeFontSize();" onresize="resizeFontSize();">
<div style="width: 100%" id="el">Content</div>
</body>

功能：

function resizeFontSize(){

element = document.getElementById('el');
element.style.fontSize = (element.offsetHeight * 0.3) + 'px'; 

}

Answer 2

由于我已经在评论中为您提供了演示，但我认为您希望font-size基于每个height td的{{1}} 30% { {1}}所以你无法用纯CSS做到这一点，你将不得不使用Javascript或jQuery来实现...

td