废话不多说，先上图
[图片上传失败...(image-6ca2f3-1648048125368)]
可以看到，我们通过等比例缩放的方式，实现了自适应，同时我们也为此发布了 vue 组件 v-scale-screen
v-scale-screen 使用css属性transform实现缩放效果，进行等比例计算，达到等比例缩放的效果，同时我们也支持铺满全屏，宽度等比，高度等比，等自适应方案
如图是一个常见的vue文件结构
在app.html 或者*.vue中引入css，如下所示：
在 app.html引入css对阵个页面都生效，在vue文件中引入，只对改vue生成的页面有效
最近发现一个比较奇怪的问题，就是在开发vue中，路由点击跳转到另外一个组件中，样式是不出来的，然后刷新当前页面css样式才加载出来，找了好久才发现这个bug。
进入以后样式是这样的：css样式根本没有加载，这是为什么？
刷新了页面以后才可以出来，本身样式也是这样的：
找了半天原因，一点一点测试才发现
原来渲染的组件的父盒子的class='item'居然影响了css样式的内容，很奇怪，把class='item'修改成比如：class='abc'就可以了。
原文地址和更多信息：
https://www.3mooc.com/front/articleinfo/465
