在 CSS 中設置占滿全屏的效果非常實用，可以讓頁面更加美觀和專業。下面就讓我們來看一下如何實現這個效果。 首先，我們需要使用一些基礎的 CSS 代碼。在 HTML 中添加一個 div 標簽，并設置它的寬度和高度。

<div class="fullscreen">
<p>這是一個段落</p>
</div>

接下來，在 CSS 中添加以下代碼：

.fullscreen {
width: 100%;
height: 100vh;
background-color: #FFF;
}

這個代碼塊中，我們將 div 的寬度設置為 100%，高度設置為 100vh（視窗高度），以確保它覆蓋整個屏幕。同時，我們還設置了背景顏色為白色，這樣就可以清晰地看到我們的內容了。 如果你希望內容填充整個屏幕，可以使用以下代碼：

.fullscreen p {
height: 100%;
margin: 0;
padding: 0;
}

這個代碼塊中，我們將 p 標簽的高度設置為 100%。同時，我們還清除了 p 標簽的 margin 和 padding 值，確保其與 div 元素完美匹配。 最后，如果你希望在不同的設備上都有良好的視覺效果，可以使用以下代碼：

@media (max-width: 600px) {
.fullscreen {
height: auto;
}
}

這個代碼塊中，我們使用 @media 查詢來設置小屏幕設備上的 CSS 樣式。在這個例子中，我們將 div 的高度設置為自動，以確保其適應小屏幕設備。 總而言之, 以上是 CSS 中如何設置占滿全屏的方法, 可以讓你的網頁更加美觀和專業。