Vue在移动端基于rem适配实现思路及过程

来给我倒一杯java

已于 2023-06-21 18:08:44 修改

阅读量813

点赞数 1

文章标签： vue.js javascript ecmascript

于 2023-06-21 17:59:20 首次发布

本文链接：https://blog.csdn.net/qq_49896911/article/details/131330614

版权

本文主要描写，移动端的rem适配方案适配方案。

1.rem适配方案，我们首先需要设置根元素，一般情况下，font-size为16，37.5，75，但是我们不能写死这些数据，因为不同设备需要设置不同的根元素，通常我们会请出这么一个常用插件。 flexible.js，这个代码的源码也很简单。
简单看一下

(function flexible (window, document) {
   
  var docEl = document.documentElement
  var dpr = window.devicePixelRatio || 1

  // adjust body font size
  function setBodyFontSize () {
   
    if (document.body) {
   
      document.body.style.fontSize = (12 * dpr) + 'px'
    }
    else