在移动设备上的 React 中仅纵向视图？

Question

有一个简单的 React 应用程序，我想在移动设备上以仅纵向方式维护它。禁用自动旋转的普通元标记不起作用。

我在 Stack Overflow 上看到了 React Native 的答案，但是 none React。

这是相关的元标记：

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

屏幕在移动设备上仍然旋转。为什么这不起作用？一定很简单，求助

我哪里不明白？

我有一个 React 应用程序。我希望它在移动设备上保持纵向视图。我不想让屏幕旋转。

我使用的元标记有误吗？这看起来应该很简单。

Answer 1

  html {
    /* Rotate the content container */
    transform: rotate(-90deg);
    transform-origin: left top;
    /* Set content width to viewport height */
    width: 100vh;
    /* Set content height to viewport width */
    height: 100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }

在移动设备上的 React 中仅纵向视图？

Portrait Only View In React on Mobile Devices?

meta-tags

autorotate

reactjs