Javascript 防止横向移动网站

目前，我正在我的网站上工作。手机版差不多完成了。但如果我在风景中旋转我的屏幕（比如智能手机），它看起来很可怕。我试图用查询来改变它，但结果不是很好。有没有办法锁定方向，使其始终处于纵向模式

编辑：

---

我想也许我可以在高度和宽度上做点什么。因此，如果屏幕的宽度大于高度，主体应旋转90度。

您需要向页眉添加以下元标记，如下所示：

<meta http-equiv="ScreenOrientation" content="autoRotate:disabled">

或者您可以为横向和纵向模式使用单独的CSS文件，如下所示：

<link rel="stylesheet" type="text/css" href="css/landscape.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/portrait.css" media="screen and (orientation: portrait)">

希望您已经在页面中添加了元视图。您是否尝试在css中使用

媒体

查询？阻止方向更改是最烦人的UI技巧之一。是的，我添加了元视图。媒体查询并不能真正解决这个问题，因为在移动设备上，网站在横向模式下并不好看。在我的普通pc网络浏览器上，我使用了媒体查询。第一个不起作用。还是我做错了什么？@Soccerlife请检查一下@Soccerlife您的问题解决了吗？元标记不起作用。但是我为横向模式和纵向模式创建了一个不同的css文件。这在iOS Safari上不起作用。