CSS高度為全屏是一種使用CSS控制網頁元素高度的技術，可以讓網頁元素占據整個屏幕，而不僅僅是頁面頂部或底部。全屏通常是指在顯示器上，頁面元素占據整個屏幕的寬度和高度。

使用CSS高度為全屏的方法非常簡單，只需要在需要占據整個屏幕的元素上設置其高度，然后使用@media queries根據具體設備類型調整樣式。

例如，要在所有移動設備上使用全屏，可以在需要占據整個屏幕的元素上設置其高度為100%，然后在所有電腦上使用正常布局，可以在其上設置寬度為100%，如下所示：

```css

/* 所有移動設備上使用全屏 */

@media screen and (max-width: 768px) {

.screen-full {

width: 100%;

height: 100%;

在這個例子中，我們將.screen-full這個類設置為寬度和高度的100%，這樣所有的元素都將占據整個屏幕。

除了使用@media queries外，還可以使用Flexbox布局來設置元素的高度為全屏。這種方法比使用@media queries更為靈活，但需要更多的代碼。

例如，我們可以使用Flexbox布局來設置一個包含多個元素的列表的高度為全屏，如下所示：

```css

.flex-container {

display: flex;

flex-direction: column;

align-items: center;

.flex-item {

width: 200px;

height: 200px;

background-color: blue;

display: flex;

justify-content: center;

align-items: center;

在這個例子中，我們將.flex-container這個類設置為一個包含多個元素的列表，并將.flex-item這個類設置為每個元素的子元素。使用Flexbox布局，我們可以將每個元素的寬度和高度設置為200像素，并將其居中對齊，這樣所有的元素都將占據整個屏幕。

CSS高度為全屏是一種非常實用的技巧，可以幫助網頁設計師在設計網頁時更好地控制網頁布局。通過使用@media queries和Flexbox布局，我們可以靈活地控制網頁元素的高度，以適應不同的設備和屏幕大小。