在微端開發(fā)中，有時我們可能希望頁面只顯示橫屏，不出現(xiàn)豎屏的情況，我們可以通過CSS來實現(xiàn)這一功能。

我們可以設(shè)置一個CSS類，用于檢測設(shè)備的屏幕方向，這個類可以通過檢查設(shè)備的寬度和高度來確定屏幕是橫屏還是豎屏。

.no-vertical-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

在這個類中，position: absolute; 將元素定位在頁面的***位置，top: 0; left: 0; 將元素放置在頁面的左上角，width: 100vw; height: 100vh; 將元素的寬度和高度分別設(shè)置為視口的寬度和高度，這樣，無論設(shè)備是橫屏還是豎屏，元素都會充滿整個屏幕。

我們可以將這個類應(yīng)用到需要顯示橫屏的頁面上，我們可以將以下HTML代碼添加到需要顯示橫屏的頁面中：

<div class="no-vertical-screen">
  <!-- 頁面內(nèi)容 -->
</div>

這樣，無論用戶如何旋轉(zhuǎn)設(shè)備，頁面都會以橫屏方式顯示，需要注意的是，這種方法可能會在某些情況下導(dǎo)致頁面布局出現(xiàn)問題，因此在使用時需要謹(jǐn)慎。