样式和真机的差异化是正常的吗?

样式为:

.nav {

position: fixed;

top: 0;

width: 100%;

//显式设置高度!!!

display: flex;

flex-wrap: wrap;

align-items: center;

padding: 10rpx;

background: #d4237a;

color: #fff;

z-index: 99;

}

.cont {

margin-top: 140rpx;

position: relative;

padding: 0 10rpx;

}

开发工具效果:

真机效果:

解决方式:

应:显式的设置导航条的高度为140rpx即可

靠内容撑起来就会有这样潜在的问题哦