我是一个即将进入前端大部队的小将，希望能遇到同道中人
IP属地：浙江
-
PingCAP 是一家开源的新型分布式数据库公司，秉承开源是基础软件的未来这一理念，PingCAP 持续扩大社区影响力，致力于前沿技术领域的创新实现。其研发的分布式关系型数据库 TiDB 项目，具备「分布式强一致性事务、在线弹性水平扩展、故障自恢复的高可用、跨数据中心多活」等核心特性，是大数据时代理想的数据库集群和云数据库解决方案。目前准生产测试用户 1000 余家，并已被 200 余家不同行业的领先企业应用在实际生产环境，涉及互联网、游戏、金融、政府、电信、制造业等多个领域。（官网：<a href="https://links.jianshu.com/go?to=http%3A%2F%2Fpingcap.com" target="_blank">http://pingcap.com</a> 源码地址：<a href="https://links.jianshu.com/go?to=http%3A%2F%2Fgithub.com%2Fpingcap" target="_blank">http://github.com/pingcap</a>）
-
vue-cli3.0 结合postcss-pxtorem和lib-flexible实现移动端适配，解决第三方组件库样式变小的问题基于vue做了一个移动端的项目，同时引入的了第三方组件库（有赞vant）。当时选择用rem件来做适配。其他内容可以正常显示，但是引起了第三方插件内容变小的问题。现将解决方法整...
-
Auw ·
其实三方组件被缩小的原因是你设计稿是dpr=2的（所以你的remUnit为75，因为iphone6是375px（逻辑像素），dpr为2的，物理像素为3752=750，750/10=remUnit，其实remUnit代表的是1rem=多少的物理像素而不是逻辑像素（css中的px）），而三方组件是依据dpr=1（物理像素=逻辑像素）来写的，所以适配的时候会缩小一倍（比如三方组件width为30px，remUnit为75时，则适配结果为0.4rem，而实际上dpr等于1时的remUnit应该为37.5，适配结果应该为0.8rem）。
说白了就是三方组件适配时的参照标准和你设计稿的参照标准不一导致的，有2种解决办法：
第一种依照设计稿的参照标准，remUnit仍为75，但是需要修改三方组件的css样式，全部2，显然这种不太好，因为一般不建议修改三方组件的源文件，还有就是修改太麻烦容易遗漏。
第二种方法就是依照三方组件的参照标准，将remUnit修改为37.5，然后将设计稿中的元素单位除以2（也就是说将设计稿上的大小修改为dpr等于1时的大小），除以2还是比较好计算的。
