CSS中一些數學函數和方法的使用可以讓我們更加方便地控制元素的尺寸和位置。其中一個常用的函數是 ceil。ceil函數的作用是返回大于等于它的最小整數，因而可以用來實現將元素寬度或高度按照屏幕寬度或高度的比例來設置。

/* 將元素高度設置為屏幕高度的一半 */
.element {
height: ceil(50vh);
}
/* 將元素寬度設置為屏幕寬度的四分之一 */
.element {
width: ceil(25vw);
}

ceil函數的參數可以是任意數學表達式，因此我們可以將其與其他函數和單位一同使用來實現更加靈活的樣式。

/* 將元素高度設置為屏幕高度的比例，且最小高度為100像素 */
.element {
height: max(ceil(20vh), 100px);
}
/* 將元素寬度設置為屏幕寬度的比例，且最小寬度為200像素 */
.element {
width: max(ceil(10vw), 200px);
}

需要注意的是，ceil函數并不是所有瀏覽器都支持的，如果需要確保兼容性，建議考慮替代方案。