在CSS中，我們可以使用寬度屏幕的比例來定義元素的寬度。其中，比例1代表屏幕的寬度，比例0.5代表屏幕寬度的一半，以此類推。

使用寬度屏幕比例可以讓我們的布局更加靈活，適應不同尺寸的屏幕。舉個例子：

.box {
width: 80%;
max-width: 1200px;
}
@media (max-width: 768px) {
.box {
width: 100%;
}
}

我們在上面的代碼中定義了一個寬度為80%的元素，并限制了最大寬度為1200像素。在768像素以內的屏幕上，則將元素的寬度設置為100%。這樣的做法可以保證在小屏幕上元素不會溢出，同時在大屏幕上也不至于顯得太小。

使用寬度屏幕比例時需要注意，如果定義的比例過大，元素可能會在小屏幕上顯得過于擁擠；如果過小，則在大屏幕上可能會顯得太過寬敞。因此，我們需要根據具體情況靈活地選擇合適的比例。