键盘打开更改手机中的视图

Question

我正在用html构建移动应用程序。

我创建了一个表单，我的问题是当用户打开键盘时，它会使屏幕的高度非常小并且所有表单都被破坏。

我的解决方案是当用户打开键盘时我想隐藏标题，然后所有表格都将就位。但我的问题是如何知道？

或者我怎样才能为高度低于X的设备制作CSS。

由于

Answer 1

媒体查询适合您。 基本上，它们允许您测试“客户端”的某些属性（如宽度，高度，媒体类型等等）并应用正确的css类和规则。

这是example

希望它有所帮助。