css樣式中calc計算無效的問題

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

瀏覽器上顯示

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

上面的明顯就不對，下面展示有效的寫法：

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

在瀏覽器查看頁面相關樣式屬性：

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

完美有效！