在網頁設計中，經常會涉及到屏幕大小和分辨率的問題。屏幕大小指的是屏幕對角線的長度，通常以英寸（inch）為單位進行描述。而屏幕分辨率則是指屏幕可顯示的像素點數量。

在CSS樣式表中，我們可以使用media查詢來根據不同的屏幕大小和分辨率為不同的設備提供不同的樣式。以下是一個簡單的media查詢示例，當設備的屏幕寬度小于800像素時，應用這個樣式：

@media screen and (max-width: 800px) {
body {
font-size: 16px;
}
}

同樣，我們還可以根據不同的分辨率為不同的設備提供不同的樣式。以下是一個基于分辨率的media查詢示例，當設備屏幕分辨率大于等于1920x1080時，應用這個樣式：

@media screen and (min-resolution: 192dpi) and (min-width: 1920px) {
body {
background-color: #333;
}
}

在開發響應式網站時，除了使用media查詢外，還可以使用Viewport元標簽來設置網頁在設備上顯示的大小。Viewport元標簽包含了幾個關鍵的屬性，如width、initial-scale和maximum-scale等，可以幫助我們控制網頁在不同的設備上的顯示效果。

總之，在進行網頁設計時，了解屏幕大小和分辨率的概念，以及如何使用CSS樣式表和Viewport元標簽來控制網頁的顯示效果，對于設計出美觀而又實用的網頁至關重要。