CSS計算屏幕寬度和高度的方法有很多種，其中比較常用的就是使用CSS3 Media Queries。

首先，我們需要在CSS樣式表中通過Media Queries查詢屏幕的尺寸。具體的CSS代碼如下：

@media screen and (min-width: 768px) {
/* 代碼塊 */
}

在這個例子中，我們通過指定屏幕的最小寬度為768像素，來查詢當前屏幕的尺寸。如果屏幕寬度大于或等于768像素，那么這個Media Queries就會匹配成功。

在Media Queries匹配成功的情況下，我們可以給元素添加相應的樣式。比如，我們可以使用關鍵字“width”和“height”來設置元素的寬度和高度。

@media screen and (min-width: 768px) {
body {
width: 100%;
height: 100%;
}
}

在這個例子中，我們給body元素設置了寬度和高度都為100%。這樣一來，當屏幕寬度大于或等于768像素時，整個屏幕就會被填滿。

至于如何獲取屏幕的寬度和高度，可以使用JavaScript來實現(xiàn)。具體的JavaScript代碼如下：

var screenWidth = window.innerWidth;
var screenHeight = window.innerHeight;

在這個例子中，我們使用了window.innerWidth和window.innerHeight這兩個屬性來獲取屏幕的寬度和高度。

最后，需要注意的是，由于不同的瀏覽器和設備可能對Media Queries的支持有所不同，因此在實際應用中需要做好兼容性測試。