ReactJS在小屏幕上无法识别触摸/点击

时间:2018-11-26 15:23:08

标签: css reactjs bootstrap-4

我有一个React App,它在笔记本电脑的屏幕上可以正常工作,但是一旦我减小屏幕尺寸(在某个点之后),按钮就停止工作,输入字段也就停止工作,我什至无法复制段落文字,基本上就变成了我可以放大和缩小的图像,没有可单击的内容。 我正在使用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>

所以我什至没有弄错布局,它在较小的屏幕上会改变。有人可以帮我吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

类名字符串上是否有类型?

“ col-1 sol-sm-1 col-md-3 col-lg-4”应为“ col-1 col-sm-1 col- md-3 col-lg-4“?