c# - 单击文本框后出现键盘，然后移动视图滚动错误

Question

这些网站是带有 kendo UI 的 MVC C#。电脑和ios手机（iphone）设备都没有问题。但是在Android上，如果用户点击网站的文本框，键盘出现并且网站滚动，用户看不到文本框的焦点。在电脑和ios手机上，用户点击文本框，视图静止不动，不滚动。所以我在cshtml的javascript上使用以下CSS代码来修复：

    @media screen and  (max-width: 580px) and (max-height: 350px)and (min-height: 200px){
   html {
      display:block!important;
      overflow:hidden!important;
    }      
}

如果单击了文本框，则会显示键盘并使视图变小。虽然视图较小，但视图无法滚动，并且它显示与计算机设备和 ios 手机相同的正确视图。但是，它只在某些 Android 设备上是正确的。那么，当键盘出现在 Android 手机设备上时，如何使用 CSS 使网站视图不滚动？谢谢！以下是ios手机设备中的成功案例：

1.网站

2.选择事件并打开事件窗口

3.向下滚动到文本框

4.向下滚动文本框并聚焦文本框中文本的结尾部分，然后键盘出现。在这个 ios 手机壳上没问题，但在 android 手机壳上，它会向上滚动到错误的位置。

标签： c#androidmodel-view-controllerscrollkeyboard