孩子如何根据父母的比例缩放字体大小？

Question

编辑：认为我使用iFRAME：https://plnkr.co/edit/X2FQGzxjeDFiYHXlQFFg

iFRAME是它自己的视线港口

我正在尝试在em中调整font-size的大小，具体取决于其父li的大小。当我尝试vw时，会根据浏览器窗口的大小进行更改，而不是根据父li的大小。父li是位置相对的，而子em是绝对位置。我非常感谢你能分享的帮助。

<li style="width: 14.28%;
           padding: 7.18% 0;
           border: 1px solid #000;
           box-sizing: border-box;
           background-color: #fff;
           float: left;
           list-style: none;
           position: relative;
           display:block;">

    <em style="position: absolute;
               font-size: 2vw;
               font-weight: 700;
               text-align: center;
               width: 100%;
               line-height: 0%;">12</em>

</li>