vue 引入viewport-units-buggyfill vw的兼容處理

方法一

    Vue項目的index.html中引入如下JS 文件

<script src="//g.alicdn.com/fdilab/lib3rd/viewport-units-buggyfill/0.6.2/??viewport-units-buggyfill.hacks.min.js,viewport-units-buggyfill.min.js"></script>

   在html底部調用 viewport-units-buggyfill

<script>
    window.onload = function () {
      window.viewportUnitsBuggyfill.init({
        hacks: window.viewportUnitsBuggyfillHacks
      });
</script>

方法二

   使用 viewport-units-buggyfill,而是使用了 npm 安裝的方式引入

npm  install  viewport-units-buggyfill  -S

   項目的入口文件中(比如 main.js),引入:

var hacks = require(‘viewport-units-buggyfill.hacks‘);
require(‘viewport-units-buggyfill‘).init({
  hacks: hacks
});

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章