在移動設備中，我們可以使用HTML代碼控制網頁的橫屏豎屏。下面我們來介紹幾種實現的方式。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
第一種方式是使用meta標簽。我們可以設置viewport的屬性來控制網頁呈現的寬度、縮放等信息。其中，width代表頁面寬度，initial-scale代表首次加載頁面時縮放倍數，maximum-scale代表最大允許縮放倍數，user-scalable代表是否允許用戶手動縮放，no代表不允許。
@media screen and (orientation:landscape) {
/* 橫屏樣式 */
}
@media screen and (orientation:portrait) {
/* 豎屏樣式 */
}第二種方式是使用CSS媒體查詢。我們可以根據設備的橫屏豎屏狀態來自定義不同的樣式。其中，orientation代表屏幕的方向，landscape代表橫屏，portrait代表豎屏。
<body onorientationchange="orientationchange()">
...
<script>
function orientationchange() {
if (window.orientation === 90 || window.orientation === -90) {
/* 橫屏處理 */
} else {
/* 豎屏處理 */
}
}
</script>第三種方式是使用JavaScript實現。我們可以通過判斷window.orientation的值來判斷設備是橫屏還是豎屏，從而執行不同的處理。
以上三種方式均可實現控制網頁的橫屏豎屏。具體使用哪種方式，可以根據具體情況選擇。