html - 如何添加overflow-x : hidden to react js on mobile

Question

我正在尝试在我的 React 应用程序上设置 overflow-x: hidden，我已经在 index.css 主体上设置了它，它适用于桌面屏幕，但不适用于移动设备，我读到最好的方法是将它添加到父元素，但它似乎不适用于 React，是否有其他方法可以做到这一点？

Answer 1

例如，最好的解决方案是将所有元素包装在一个 div 中，然后在其上应用 overflow-x: hidden。

您还可以尝试使用媒体查询并在您的应用主体上应用 overflow-x: hidden。例如:

@media screen and (max-width: 375px) {
    body {
        overflow-x: hidden;
    }
}