大屏项目中的适配

99 阅读1分钟

原理:大屏采用的缩放适配,动态获取宽高,在Screenadapters组件动态的绑定style,通过onrise来动态绑定一个算traform scale缩放的比例的方法。

用Screenadapters组件包裹router-view即可

` body{ overflow: hidden; } .ScreenAdapter { transform-origin: 0 0; position: absolute; left: 50%; top: 50%; transition: 0.3s; } `