CSS中的100vh值是指視口的高度，然而在移動端設(shè)備上，底部的操作欄會占用部分視口高度，導(dǎo)致100vh的值偏小。這種情況下，使用100vh+指令可以讓頁面的高度擴展至操作欄以下，使頁面更完整顯示。 下面是一個示例代碼：

html {
height: 100%;
}
body {
height: calc(100vh + 100px);
overflow: hidden;
}
.wrapper {
height: 100%;
overflow-y: auto;
}

這個示例中，首先設(shè)置了html元素的高度為100%，以便后續(xù)的高度計算。在body中，計算了視口高度加上100px，得到了新的高度值。這里的100px是為了確保能夠完整顯示底部操作欄。而overflow:hidden屬性則是為了防止出現(xiàn)滾動條，使?jié)L動交給.wrapper元素的overflow-y:auto屬性處理。 在.wrapper元素中，使用overflow-y:auto屬性對垂直方向的滾動進行控制。這里的100%高度則是為了確保元素可以占據(jù)整個頁面高度，從而擴展了視口高度。 總的來說，使用100vh+指令可以讓頁面更好地適應(yīng)移動端設(shè)備，使用戶更加舒適地瀏覽網(wǎng)頁內(nèi)容。