在手機端使用 HTML 進行開發時，自動橫屏的功能是非常重要的，因為它可以使用戶更好地瀏覽網頁內容。那么如何在 HTML 中設置手機自動橫屏呢？

<!--在 head 標簽里面添加如下代碼-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, orientation=landscape">

上述代碼中，viewport 是視口的意思，主要作用是告訴瀏覽器如何渲染頁面。我們在其中添加了 orientation=landscape，這個屬性的作用是設置頁面只能橫向顯示。

此外，通過設置 maximum-scale 和 minimum-scale 等屬性，可以避免用戶通過放大或縮小頁面來對頁面布局造成干擾。

需要注意的是，如果有些頁面需要允許用戶在豎屏下查看，則需要在頁面中添加如下代碼：

<!--在 head 標簽里面添加如下代碼-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<!--在 CSS 中添加如下代碼-->
@media screen and (orientation: portrait) {
/* 添加在豎屏下需要做的樣式 */
}

這里通過媒體查詢的方式判斷當前屏幕是否是豎屏，如果是，則頁面會按照你設置的樣式進行顯示。

總之，在進行 HTML 開發時，使用以上方法來設置手機自動橫屏是非常必要的，它可以為用戶提供更加優質的頁面瀏覽體驗。