屏幕上显示Microsoft Surface虚拟键盘时调整网页大小

时间:2017-08-28 18:13:05

标签: javascript twitter-bootstrap responsive-design keyboard

我正在开发一个将在Microsoft平板电脑上使用的应用程序(主要是),我遇到了虚拟键盘的问题。目前,当用户触摸输入字段时,键盘打开并且实际上覆盖了屏幕的50%以上,使得键盘覆盖了站点的所有其他内容。我试图找到一种方法使其响应(我正在使用引导程序),以便在选择键盘时使网站相应地移动。另一位用户发布了一个类似的问题但没有回复,除了一个声明它可能是基于移动设备的重复(考虑到它将被用于类似于笔记本电脑而不是移动设备的平板电脑) / p>

这个问题最初在这里被问到: Detect MS Surface Virtual Keyboard in Javascript

有没有办法解决这个问题?一直在寻找无济于事。我试图使用诸如以下的东西:

var ieX;
if (Object.hasOwnProperty.call(window, "ActiveXObject") && !window.ActiveXObject) {
    // is IE11
    console.log("Internet Explorer detected");
    ieX = true;
    if (ieX) {
         document.write('<meta name="viewport" content="width=device-width,height='+window.innerHeight+', initial-scale=1.0">');
    }
}

基本上没有意义,考虑到a)我已经在使用bootstrap和b)即使我将元标记添加到主模板文件,由于bootstrap的内置响应性,它仍然毫无意义。

任何指针都会非常感激。

编辑以澄清:是的,找出用户代理的代码是针对IE 11的,因为我们是一个没有上帝的公司,这就是我目前被迫测试代码的原因。

编辑重复标记:Microsoft Surface以与Android和IOS不同的方式处理键盘,从而使重复链接中的解决方案(我最初已经包含了解释...)无效。

0 个答案:

没有答案