如何使输入[type = text]的占位符字体大小完全看到它？

Question

我有一个带占位符的HTML input[type='text']。输入大小已由其容器确定。

我想找到一种方法，使占位符大小与输入宽度相符，并添加最小尺寸。

<div id="container" style="width: 50px">
    <input type='text' width='100%' placeholder='A placeholder which should be seen totaly'/>
</div>

我试过了：

input::placeholder {
    font-size: Xvw; //<-- I don't find how it works in this case
    font-size: 100%; //<-- Does not work
}

有人有想法吗？