如何使用 css 或 JS 锁定手机上的纵向和平板电脑的横向？答案

【问题标题】：How to lock portait orientation on mobiles and landscape for tablets using css or JS?如何使用 css 或 JS 锁定手机上的纵向和平板电脑的横向？
【发布时间】：2019-08-09 01:49:46
【问题描述】：

我正在使用 elementor 修改 wordpress 主题，但无法在预览中修改手机和平板电脑的风景。

因此，我不得不在移动设备的横向模式和平板电脑的纵向模式下阻止方向，因为它看起来很糟糕。

我已经联系了主题的开发者，他们给了我一个有效的 css 解决方案。我提供了代码，但是当键盘打开时，分页符。

在 JavaScript 或 css 中有什么简单的解决方案吗？

如果您知道如何添加转动设备的图像，我还想补充一下。

感谢大家的关注、问候和感谢。

enter image description here

【问题讨论】：

标签： javascript css wordpress

【解决方案1】：

欢迎堆栈溢出。

您可以通过 screen 属性使用 javascript 来执行此操作。

screen.orientation.lock("landscape-secondary");

这会将您的屏幕锁定为横向模式。如果您想解锁，可以使用：

screen.orientation.unlock();

发帖提示：最好不要上传图片链接，而是粘贴您在帖子上尝试过的代码，以便将来可能遇到相同问题的用户搜索。

尝试一下，看看是否有效。祝你好运

【讨论】：

感谢您的回答，我把这段代码放在哪里？我发现了这个：screen.orientation.lock（“自然”）；用于移动肖像和平板电脑风景。我认为它是相似的，但我不知道在哪里插入它。
这是页面加载时应该执行的javascript代码。
在我的情况下，我在 wordpress 菜单 > 主题选项 > JS 中有一个专门的 JavaScript 部分 > 介绍了代码：screen.orientation.lock("landscape-secondary");但还是不行。
我已经尝试将您给我的代码放入主题附带的JS编辑器中。
我试过把 screen.orientation.lock("landscape-secondary");在 js 编辑器中，但没有任何反应。