問題:大屏分辨率適配繁多,目前我認為最簡單且問題最少的的方案就是使用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>