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

Question

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

因此，我不得不阻止手机横向模式和平板电脑纵向模式的方向，因为它看起来很糟糕。

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

有任何简单的 JavaScript 或 css 解决方案吗？

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

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

enter image description here

Answer 1

欢迎来到堆栈溢出。

您可以通过 screen 属性使用 javascript 来做到这一点。

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

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

screen.orientation.unlock();

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

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