在前端開發中，經常會遇到需要設置元素隨屏幕大小變化的情況，此時我們可以使用css來實現。

首先，在css中，我們可以使用vw、vh、vmin、vmax等相對長度單位來設置元素的寬度和高度。其中，vw表示相對于視口寬度的百分比，例如：1vw表示視口寬度的1%；vh表示相對于視口高度的百分比；vmin表示相對于vw和vh中較小的那個值的百分比；vmax表示相對于vw和vh中較大的那個值的百分比。

/* 設置元素的寬度為視口寬度的50% */
width: 50vw;
/* 設置元素的高度為視口高度的30% */
height: 30vh;

其次，在響應式設計中，我們可以使用@media查詢來設置元素在不同屏幕大小下的樣式。例如，在屏幕大小小于600px時，我們希望元素的寬度為100%，而在屏幕大小大于600px時，我們希望元素的寬度為50%。可以按照以下方式設置：

/* 在屏幕大小小于600px時，元素的寬度為100% */
@media (max-width: 600px) {
width: 100%;
}
/* 在屏幕大小大于600px時，元素的寬度為50% */
@media (min-width: 600px) {
width: 50%;
}

以上就是關于css設置隨屏幕大小的基本內容，希望可以對大家有所幫助。