html - HTML：调整字体大小以适合父级

Question

如果文本破坏了默认参数，有没有办法调整文本的字体大小，或者有没有办法将字体设置为父级的百分比？

<table  border='2' width='100'>
  <tr>
    <td width='25%'>
<!-- 
        can I do something to resize 
        the font to font in the cell?
--> 
      <label font='100%'>   
      How-To-Resize-Only-Text
      </label>

    </td>
  </tr>
</table>

Answer 1

测量em单位可以应用于子元素，并根据父元素的font-size值进行相对测量（默认为16px）。

因此，如果您font-size: 20px;在父元素和font-size: 0.5em;子元素上设置，则子元素的字体大小将为父元素的 50%，即 10px。您也可以使用em宽度和高度。

http://www.impressivewebs.com/understanding-em-units-css/