vue+px2rem（rem適応）を使用してPCで大画面適応を実装するためのサンプルコード

npm をインストール postcss-px2rem px2rem-loader --save

// rem 比例適応設定ファイル // 基本サイズ const baseSize = 16
// rem関数を設定する function setRem() {
  // 現在のページ幅を 1920 の幅に対して拡大縮小する比率。必要に応じて変更できます。
  定数スケール = document.documentElement.clientWidth / 1920
  // ページのルート ノードのフォント サイズを設定します ("Math.min(scale, 2)" は最大拡大率が 2 であることを意味します。実際のビジネス ニーズに応じて調整できます)
  document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'
}
// setRem() を初期化する
// ウィンドウサイズを変更するときに rem をリセットする
window.onresize = 関数 () {
  リセット()
}

'./util/rem' をインポートします

// 比例適応プラグインをインポートします const px2rem = require('postcss-px2rem')

// 基本サイズを設定する const postcss = px2rem({
  // 基本サイズ baseSize、rem.js と同じである必要があります remUnit: 16
})

// 比例適応プラグインを使用する module.exports = {
  保存時にlint: true、
  css: {
    ローダーオプション: {
      ポストcss: {
        プラグイン: [
          ポストCSS
        ]
      }
    }
  }
}