// 1、安装依赖
npm install v-scale-screen -save
2、页面中引入
import VScaleScreen from 'v-scale-screen'
3、直接在原有的界面外包一层
4、缺点,两边会留有黑边
5、设置长宽
<VScaleScreen width="1920" height="945"></VScaleScreen>
此时在1920×1080的分辨率下可以完全展开,没有左右的空白,可以通过修改长宽更正适配情况
// 1、安装依赖
npm install v-scale-screen -save
2、页面中引入
import VScaleScreen from 'v-scale-screen'
3、直接在原有的界面外包一层
4、缺点,两边会留有黑边
5、设置长宽
<VScaleScreen width="1920" height="945"></VScaleScreen>
此时在1920×1080的分辨率下可以完全展开,没有左右的空白,可以通过修改长宽更正适配情况