在CSS中，我們可以使用transform屬性將豎屏變?yōu)闄M屏，以下是一個簡單的示例：

.device {
  width: 320px;
  height: 240px;
  transform: rotate(-90deg);
}

在這個示例中，我們創(chuàng)建了一個名為.device的類，用于表示一個普通的移動設(shè)備，我們使用transform屬性將其旋轉(zhuǎn)-90度，使其從豎屏變?yōu)闄M屏。

需要注意的是，這種方法可能會使設(shè)備上的其他元素（如按鈕、輸入框等）變得不可見或無法正常使用，在使用這種方法時，需要謹(jǐn)慎考慮其對用戶體驗的影響。

如果要將整個頁面從豎屏變?yōu)闄M屏，可能需要更復(fù)雜的CSS樣式和媒體查詢來實現(xiàn)，這通常涉及到對頁面布局、字體大小、圖片尺寸等方面的調(diào)整，以確保在橫屏模式下能夠正常顯示和交互。

CSS提供了一種靈活的方式來控制元素的顯示和布局，包括將豎屏變?yōu)闄M屏，在使用這些方法時，需要綜合考慮其對用戶體驗和頁面功能性的影響。