时间戳

首页 > 解决方案 > ReactJS无法识别小屏幕上的触摸/点击

css - ReactJS无法识别小屏幕上的触摸/点击

问题描述

我有一个在笔记本电脑屏幕上运行良好的 React 应用程序，但是一旦我减小屏幕尺寸（在某个点之后）按钮停止工作，输入字段停止工作，我什至无法复制段落文本，它基本上变成了一个我可以放大和缩小的图像，没有什么是可点击的。我正在使用 Bootstrap4 + MD Bootstrap，直接使用 CSS 文件，而不是任何 npm 包。这是代码，MyCustomRoutes有一个简单的引导表单，没有行或列。

<div className="mt-4">
        <div className="row card-row">
                <div className="col-1 sol-sm-1 col-md-3 col-lg-4"></div>
                    <div className="col-10 col-sm-10 col-md-6 col-lg-4">
                        <MyCustomRoutes />
                    </div>
                <div className="col-1 sol-sm-1 col-md-3 col-lg-4"></div>
        </div>
</div>

所以我什至没有弄错布局，它在较小的屏幕上发生了变化。任何人都可以帮助我吗？

谢谢！

标签： cssreactjsbootstrap-4

解决方案

类名字符串上有类型吗？

“col-1 sol-sm-1 col-md-3 col-lg-4”应该是“col-1 col-sm-1 col-md-3 col-lg-4”吗？

推荐阅读