在網頁設計中，屏幕的設置是非常關鍵的一步。你需要確保你的網站能夠在不同設備、不同屏幕大小以及不同分辨率的設備上正常顯示。這時候，CSS就成為了一個救命稻草。使用CSS，你可以輕松地定義元素的大小、位置以及布局，以達到適應不同屏幕尺寸的效果。

下面是一些你可以使用的CSS屬性，以幫助你構建響應式網站：

/* 定義元素寬度 */
width: 100%;   /* 將元素的寬度設置為其父元素的寬度的100% */
/* 定義元素高度 */
height: auto;   /* 元素的高度根據其內容自動調整 */
height: 100vh;   /* 將元素的高度設置為視口的高度 */
/* 媒體查詢 */
@media screen and (max-width: 768px) {
/* 小于等于768px的屏幕 */
}
/* 響應式布局 */
display: flex;   /* 使用彈性盒子布局來對元素進行排列 */
flex-direction: row;   /* 將彈性盒子方向設置為行 */
flex-wrap: wrap;   /* 允許元素在需要時換到下一行 */
justify-content: space-between;   /* 將元素在彈性盒子中沿主軸對齊，設置在元素之間留出空間 */
align-items: center;   /* 將元素在彈性盒子中沿交叉軸對齊 */
/* 響應式字體大小 */
font-size: 16px;   /* 設置元素的字體大小 */
@media screen and (min-width: 768px) {
font-size: 18px;   /* 大于768px的屏幕，調整元素字體大小 */
}

總之，使用上述的CSS屬性，可以讓你輕松地創建一個優美的、適應不同屏幕大小的網站。無論你是在開發一個響應式網站、一個移動應用、還是一個電子商務平臺，你都可以使用這些屬性幫助你實現你的目標。