jquery – 移动键盘调整视口大小

前端之家收集整理的这篇文章主要介绍了jquery – 移动键盘调整视口大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在做一个敏感的网站,我有这个问题.一切都很好,直到我选择[输入类型=“文本”]并输出键盘,整个网站被调整大小,就像屏幕尺寸只是键盘上方的一部分.我只是想要那个曼谷的正常大小.我已经尝试了在stackoverflow中提出的所有解决方案的另一个论坛,面包似乎没有任何工作. @H_404_2@有谁有任何想法如何解决这个问题?

<head>
  <title>SchoolIn</title>
  <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <Meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

//other code
@H_404_2@更新:
我会试图解释更好.

@H_404_2@我有一个头部

//other code
<div class="head">
  //Here is some text 
</div>
//other code
@H_404_2@然后是内容部分

//other code
<div class="container">
  <div class="content">
    //other code
    <input type="text" ...... />
    <input type="password" ..... />
    <input type="submit" ..... />
  </div>
</div>
//other code
@H_404_2@所有元素的百分比都是以像素为单位.

@H_404_2@当键盘出来时,容器和内容div被重新定义,而不是输入字段和按钮.无论如何,他们从容器中出来,因为容器越小越好,它们保持原来的尺寸.我不知道我是否清楚自己.

@H_404_2@问题是一样的,当键盘出来的时候我怎么把它保持原来的大小?

解决方法

<Meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
@H_404_2@尝试这一块html.我正在为每一个页面使用它,它总是做到了它应该.也许你的工作不正常,因为缺少最小尺度的属性.

猜你在找的jQuery相关文章