當我們在編寫響應式網頁時，尺寸是一個非常重要的概念。尺寸指的是元素的寬度、高度、邊距和內邊距，都需要在不同的屏幕尺寸下保持一致，否則網頁可能會在不同的設備上顯示不正常。

/*
設置元素的寬度和高度
*/
.box {
width: 100%; /* 充滿整個父元素 */
height: 50px;
}
/*
設置元素的邊距和內邊距
*/
.box {
margin: 10px;
padding: 20px;
}

在響應式布局中，我們可以使用百分比來設置元素的寬度和高度，這樣可以保證元素在不同尺寸的屏幕上都能夠自適應。同時，我們也可以使用em和rem單位來設置邊距和內邊距，這樣可以讓元素在不同設備上顯示的更加一致。

/*
使用百分比設置元素寬度
*/
.box {
width: 50%;
}
/*
使用em和rem設置內邊距和邊距
*/
.box {
margin: 1em;
padding: 2rem;
}

在設置元素尺寸時，我們還需要考慮到網頁顯示的屏幕尺寸和設備像素密度的不同。在高清屏幕上應用了一個像素點實際需要兩個設備像素，這就需要我們使用vw和vh單位來設置元素的寬度和高度。

/*
使用vw和vh設置元素寬度和高度
*/
.box {
width: 50vw;
height: 50vh;
}

總之，在響應式布局開發中，靈活運用尺寸單位和設置方法，才能讓網頁在不同尺寸和設備上都呈現出優美的效果。