開(kāi)篇老規(guī)矩：有用點(diǎn)贊+收藏+轉(zhuǎn)發(fā)，歡迎留言討論！

最近在寫(xiě)小程序項(xiàng)目，遇到calc計(jì)算無(wú)效：

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

.viewTwo{
    height: calc(100% - 30rpx);
}

在瀏覽器查看樣式的時(shí)候，可見(jiàn)：

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

.viewTwo{
    height: calc(70%);
}

上面的明顯就不對(duì)，下面展示有效的寫(xiě)法：

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

.viewTwo{
    height: calc(~"100% - 30rpx");
}

在瀏覽器查看頁(yè)面相關(guān)樣式屬性：

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

.viewTwo{
    height: calc(100% - 30rpx);
}

完美有效：

最后小結(jié)一下calc的使用：

1. 運(yùn)算符左右兩邊要有空格；
2. 數(shù)字和單位之間不能有空格；
3. 括號(hào)與減數(shù)，被減數(shù)之間不能有空格；
4. 以上無(wú)效記得加上英文~符和雙引號(hào)。