1

我正在构建一个具有移动分支的站点。我成功地构建了该站点，因为 PC 上的许多浏览器都可以采用相同的视图并正常工作。

现在我正在着手构建该网站，因为移动设备可以从移动设备 chrome 或 Firefox 移动设备浏览该网站。我这样做了，但我面临一个小问题。

该网站的许多页面都有文本框，如果您使用移动设备单击它，您就会知道这些文本框 - 例如 Galaxy Note 2 - 软键盘将在屏幕上自我显示，在此过程中会发生两件事：

1-屏幕将自行缩放，直到到达您单击的特定文本框。解决方案：我通过这个命令解决了，所以现在屏幕不会自己缩放了。

2-如果我有一个包含文件的页面，主 div 将改变他的位置，直到到达上面的 div -包含文件-并且大厅页面将不会被排序。

首先，我将简要说明我的意思：

注意：我的后端是使用 Yii 框架的 php，仅供参考^_*

页面.php：

    <div id="div1" style="width:100%;position:relative;margin-bottom: 10px"><?php 

       if (Yii::app()->user->isGuest)
      include 'flash.php'; ?></div>


      <div id="div2" style="width:100%;position:relative;margin-bottom: 10px">
     <form action="getup" method:"post"> 
     <input type="text"  name="text1" >
     <input type="text" name="text2" >
     // submit button

      </form>

现在在这个简短的代码之后，我会告诉你到底发生了什么，当从移动 chrome 浏览器浏览页面时，页面将被排序，但是如果你点击任何文本框作为 text1 例如，发生的是 DIV2 将自行移动高于 DIV1 -包含文件 - 因为软键盘将在屏幕的后半部分显示它自己。

在这个例子之后我会反对我的问题：

我的问题是：是否有任何代码 -CSS 或 Java 脚本 - 在软键盘在移动屏幕上显示它自己后，是否会停止 DIV2 发生的上升过程？

4

1 回答 1

0

也许这种行为与您正在使用的 css 有关？尝试position:relative从您的内联样式中删除，也许它会有所帮助。另一件事是输入应该是自结束标签，并且缺少 div2 结束标签。您不需要将 div 标签的宽度设置为 100%，因为它是其默认值。

于 2013-09-16T09:08:23.950 回答