Vue在不同浏览器图片失模糊（失真）解决办法

今天写前端发现，图片比例被修改后图片实真。在火狐显示正常。谷歌和edge图片失真
解决办法，在main.js加入一下代码

Vue.prototype.$getView = function () {
  return {
    width:
      window.innerWidth ||
      document.documentElement.clientWidth ||
      document.body.clientWidth, //兼容性获取屏幕宽度
    height:
      window.innerHeight ||
      document.documentElement.clientHeight ||
      document.body.clientHeight, //兼容性获取屏幕高度
  };
};

完美解决