css样式中calc计算无效的问题

.viewOne{
    height: calc(100vh - 30rpx);
}

浏览器上显示

.viewOne{
    height: calc(70vh);
}

上面的明显就不对，下面展示有效的写法：

.viewOne{
    height: calc(~"100vh - 30rpx");
}

在浏览器查看页面相关样式属性：

.viewOne{
    height: calc(100vh - 30rpx);
}

完美有效！