問題:大屏分辨率適配繁多,目前我認為最簡單且問題最少的的方案就是使用v-scale-screen插件,無需考慮單位轉換,position定位也正常使用。

1. 安裝

npm install v-scale-screen -save

2. vue3中使用

<script>
import VScaleScreen from 'v-scale-screen'
export default {
  name: 'App',
  components: {
    VScaleScreen
  },
  data() {
    return {
      clientWidth: 1920,
      clientHeight: 1080,
    };
  },
}
</script>