如何解决反应键盘风景
我的反应有问题。 我有一个带有某些表单和输入字段的Web应用程序。 当我单击并在纵向模式下通过PC,智能手机或平板电脑的键盘使用输入字段时,一切正常,但是当我更改设备的方向并单击一个字段时,键盘就会出现,但它会覆盖所有视图。 我该如何解决这个问题?
“搜索”组件形式的示例:
<div className="vv-search-form-layout">
<div className="d-flex flex-row search-form">
<input
type='text'
name="search"
value={searchValue}
className="form-control search-text"
onChange={changeSearch}
onKeyPress={onKeyPress}
ref={this.searchInput}
/>
</div>
</div>
css:
.vv-search-form-layout {
display: flex;
justify-content: center;
margin-bottom: 1rem;
@media (min-width: $md) {
margin-bottom: 0;
}
}
.search-form {
text-align: center;
justify-content: center;
align-items: center;
max-width: 35rem;
width: 100%;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。