CSS是一種用于設計網頁外觀的語言，其中一個重要的方面是如何通過CSS讀取屏幕大小。

在CSS中，可以使用@meida查詢語句來獲取屏幕大小。以下是一個@meida查詢語句的例子：

@media screen and (max-width: 768px) {
/* 在屏幕寬度小于等于768px時執行以下CSS */
body {
background-color: yellow;
}
}

上面這個例子表示，當屏幕寬度小于等于768像素時，body元素背景色將變為黃色。

其中，@media是通過CSS讀取屏幕大小的關鍵詞，screen表示查詢屏幕大小，max-width:768px為最大寬度限制，也就是當屏幕大小小于等于768px時。

不僅如此，CSS還可以通過JavaScript來讀取屏幕大小。以下是一個通過JavaScript實現的代碼示例：

var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
console.log("屏幕寬度為：" + width + "px");
console.log("屏幕高度為：" + height + "px");

上面這個例子中，窗口寬度和高度分別通過window.innerWidth，document.documentElement.clientWidth和document.body.clientWidth等屬性獲取。如果其中一個屬性無法獲取，則使用另一個屬性作為備選項。

通過CSS和JavaScript讀取屏幕大小，可以讓我們更好地進行網頁設計和優化。