vue中rem的配置

vue 写手机端单位rem 这样配置:

新建 size.js 文件 将 size.js 文件引入到 main.js 文件中;

size.js :

fnResize();
window.onresize = function () {
  fnResize();
}

function fnResize() {
  document.documentElement.style.fontSize = 100 / 750 * window.innerWidth + 'px';
}
// 禁止双击放大
document.documentElement.addEventListener('touchstart', function (event) {
  if (event.touches.length > 1) {
    event.preventDefault();
  }
}, false);
var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
  var now = Date.now();
  if (now - lastTouchEnd <= 300) {
    event.preventDefault();
  }
  lastTouchEnd = now;
}, false);

根据设计稿的尺寸,如果是640 则把图中 100/750 改成 100/640 就可以了!

你可能感兴趣的:(VUE)