【工作实践-07】uniapp关于单位rpx坑

问题：在���览器页面退出登录按钮上“退出登录”字样消失，而在手机端页面正常;通过查看浏览器页面的HTML代码，发现有“退出登录”这几个字，只不过由于样式问题，这几个字被挤到看不见了。

样式代码中有一行为：width: 750rpx

.fixed-bottom {position: fixed;bottom: 160rpx;width: 750rpx;display: flex;justify-content: center;align-items: center;overflow: hidden;height: var(--fixedBottomHeight);background-color: $uni-bg-color;}

原因：我们知道rpx是微信小程序独有的、解决屏幕自适应的尺寸单位，在浏览器中展示时rpx是相对于整个屏幕宽度来说的，所以字会被挤出去。

解决：这里可使用width = 100vw;的样式来替换，或在uniapp写代码时进行条件注释，H5时使用vw，App时使用rpx。