在CSS中，我們可以使用@media規則來針對不同的屏幕尺寸應用不同的樣式。例如，我們可以使用@media規則來設計小于800像素的屏幕。

@media screen and (max-width: 800px) {
/* 在小于800px的屏幕上應用的樣式 */
}

我們可以在這個@media規則下編寫自己的CSS樣式，以使網頁在小屏幕下具有更好的呈現效果。例如，我們可以針對小屏幕下的導航欄來修改CSS，以使其更好地適應小屏幕的寬度。

@media screen and (max-width: 800px) {
.navbar {
width: 100%;
height: auto;
}
.navbar a {
display: block;
text-align: center;
}
}

以上是一些CSS的示例代碼，使用@media規則可以方便地實現針對不同屏幕尺寸的優化，提供更好的用戶體驗。在編寫自己的CSS代碼時，一定要注意不同屏幕尺寸下的效果，使網頁在不同設備上都能夠呈現得漂亮、舒適。