如何解决移动Chrome键盘与CSS混乱
我发现,当我使用移动版Chrome时,位于www.tiny.cc/cloudservice的项目在登录页面上有一个问题。出现键盘时,按钮文本的行为不正确:
您知道如何通过CSS进行更改吗?当前看起来像这样:
.buttonMain {
width: 60%;
height: 50%;
margin-top: 2%;
padding: 3% 0% 3% 0%;
border-radius: 40px 40px 40px 40px;
font-family: $fontMain;
background-color: $buttonColor;
font-size: 2em;
font-weight: bold;
}
感谢任何提示!
解决方法
更改此CSS,删除Height
.buttonMain {
/*height: 50%;*/ /*Remove This*/
margin: 2% 0; /*Edit this*/
padding: 3% 0;
border-radius: 40px 40px 40px 40px;
background-color: #d3dbfe;
font-size: 2em;
}
,
如果您添加以下我标记的规则,则按钮上的文本将始终处于最佳位置:
MainViewController
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。