fit-content polyfill для IE

Question

Я использую fit-content для ширины CSS в моем проекте.Но в IE это не работает, согласно этой статье MDN и это можно использовать .Я использую width: fit-content на <div>.Есть ли для этого полифилл?Если есть другой способ без полизаполнения, я с радостью приму это.

Мой код (сильно урезанный):

var i = 0;
setInterval(function(){document.getElementById('total').innerHTML = `${++i} s`}, 1000);

#total {
  position: absolute;
  margin-top: 10px;
  margin-left: 10px;
  font: 300px "Times New Roman";
  border: 1px solid #000;
  max-width: 88.9%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; /* Doesn't work in IE */
}

<div id="total">0</div>

Answer 1

Попробуйте удалить свойство width, по умолчанию это свойство установлено на auto.

Тогда div будет автоматически увеличиваться, код, как показано ниже:

<script type="text/javascript">
    var i = 0;
    setInterval(function () { document.getElementById('total').innerHTML = (++i) + " s" }, 1000);

</script>
<style type="text/css">
    #total {
        position: absolute;
        margin-top: 10px;
        margin-left: 10px;
        font: 300px "Times New Roman";
        border: 1px solid #000;
        max-width: 88.9%;
    }
</style>
<div id="total">0</div>

Вывод, как показано ниже (с использованием IE 11):