Edge瀏覽器不支持resize事件，怎么解決？

現(xiàn)在需要字體自適應屏幕寬度，當屏幕觸發(fā)resize時，字體相應的增大或縮小，但是發(fā)現(xiàn)在微軟最新瀏覽器Edge下，屏幕寬度改變卻無法改變字體大小，代碼如下：

注：這是vue.js寫的代碼，還有一個奇怪的問題是，(function......)(window,document);代碼塊寫在mounted事件里面不行（字體顯示非常小，執(zhí)行change();方法，字體數(shù)字大了，屏幕上的字體卻很?。?，寫在created事件里面才可以。

<template>
  <div style="position: relative;left: 0;right: 0;bottom: 0;background: #000; height: 500px;">
        <div class="prop-lang" id="prop-lang">
          <div>
            就是這個垃圾瀏覽器
          </div>
        </div>
  </div>
</template>
<script>


export default {
  name: "index",
  created() {
    (function(win,doc){
      function change(){
        doc.documentElement.style.fontSize=doc.documentElement.clientWidth/375*20+'px';
      }
      change();
      win.addEventListener('resize',change,false);
    })(window,document);
  },
  data() {
    return {        

    };
  },
};
</script>

<style>
.prop-lang div{
    font-size: 0.8rem;
    font-weight: 100;
    font-family: "Arial","Microsoft YaHei","黑體","宋體",sans-serif;
    color: #ffffff;
    text-align: center;
}
</style>

補充：問題已經(jīng)找到了，和vue.js沒關系，是因為設置了全局樣式html, body{ font-size: 14px; }，但是又不能去掉，該怎么解決呢？