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

Question

有一个简单的 React 应用程序，我想在移动设备上保持纵向。禁用自动旋转的普通元标记不起作用。

我在 Stack Overflow 上看到了 React Native 的答案，但没有看到 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;
  }