vue大屏应用展示

本篇文章记录下,在pc端,大屏应用的构建。
1.大屏应用,是基于1k屏(1920*1080)来开发,产生的应用可以引用到其它大屏(2k, 4k ,8k等)。

2.所以在设计的时候,就可以让UI设计做成1k屏的样式,然后根据UI的尺寸,来将样式固定写死。

3.当我们的项目做成1k屏时,怎么样适配其它大屏呢?答:我们可以利用 css3 的 transform:scale ,通过页面的宽度来配置我的缩放比例。

对于以上的结论,我们在项目当中应用。在APP.vue中:

//给项目动态绑定上缩放比例scale






你可能感兴趣的:(vue大屏应用展示)