Html 如何在手机上添加overflow-x:hidden以响应js

我正在尝试在我的react应用程序上设置

overflow-x:hidden

，我在index.css主体上设置了它，它在桌面屏幕上工作，但在手机上不工作，我认为最好的方法是将它添加到父元素中，但在react上似乎不起作用，还有其他方法吗？

最好的解决方案是将所有元素包装在一个div中，然后在其上应用

overflow-x:hidden

您还可以尝试使用媒体查询，并在应用程序主体上应用

overflow-x:hidden

。例如：

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