Css 内置gwt的应用程序在移动设备中显示不好

我在gwt中为mobile构建了应用程序，我有一些无法修复的bug 1） 我在屏幕底部有文本框，当我点击文本框时，虚拟键盘会打开并隐藏文本框 这是文本框的css代码

 border: 0 none;
float: right;
width: 80%;
background-color: #F0F0F4;
color: #00AEEF;
padding-bottom: 2%;
padding-top: 2%;

这是状态屏幕的截图 1) 2) 3) 4)

---

谢谢你

@user2320349回答你的问题：1）-- 为什么不对视口进行一些调整呢。看

MGWTSettings settings =  MGWTSettings.getAppSetting();
ViewPort viewPort = settings.getViewPort();
viewPort.setHeightToDeviceHeight();
viewPort.setWidthToDeviceWidth();
viewPort.setUserScaleAble(false).setMinimumScale(1.0).setMinimumScale(1.0).setMaximumScale(1.0);
viewPort.setTargetDensity(DENSITY.MEDIUM);
settings.setViewPort(viewPort);
MGWT.applySettings(settings);

---

在onModuleLoad（）中使用此代码。当启动键盘时，它会将视图向上推。因此，当文本从键盘中取出时，您可以看到文本字段。

您应该将此问题分成3个独立的问题，并提供一些代码。我们不能不看你的代码就帮你。好的，你说得对，我把我的问题分开，所以我从第一个问题开始，键盘隐藏文本框，我更新我的问题谢谢