开发时的预览视图与真机测试界面不同怎么解决，导航栏的文字在真机测试上不是居中的，怎么去调节预览视图与真机测试的视图相同效果？

这是我实际做出来的页面：[图片]， wxss相关代码如下： .container {   height: 100vh;   background-color: silver;   display: flex;   flex-direction: column;   } .topPanel {   width: 100%;   height: 300rpx;   background-color: #686f79;   display: flex;   flex-direction: row; }