在HTML中，可以使用`
标签的viewport属性来强制关闭手机横屏。具体代码如下：，，`html，，``
HTML如何强制关闭手机横屏
方法一：使用meta标签
在HTML的<head>部分，添加以下代码：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
这段代码将限制用户缩放页面，并设置页面的最大宽度为设备宽度，这将有助于防止页面在横屏模式下显示。
方法二：使用CSS样式
在CSS文件中，添加以下代码：
body {
width: 100vw;
height: 100vh;
overflow: hidden;
position: fixed;
}
这段代码将使页面的宽度和高度等于视口的宽度和高度，并禁止滚动，这将有助于防止页面在横屏模式下显示。
相关问题与解答
Q1: 为什么使用meta标签可以防止横屏？
A1: meta标签用于定义元数据，可以控制页面的显示方式，通过设置name="viewport"属性，我们可以控制页面的缩放、布局和其他显示选项，在这个例子中，我们设置了maximum-scale=1.0，这意味着用户无法缩放页面，从而防止了横屏显示。
Q2: 为什么使用CSS样式可以防止横屏？
A2: CSS样式用于控制页面的布局和外观，在这个例子中，我们将页面的宽度和高度设置为视口的宽度和高度，并禁止滚动，这将使页面始终适应设备的屏幕大小，从而防止横屏显示。