两个选择在彼此之上不在旧的Android设备上工作

时间:2013-06-21 21:30:58

标签: html css android-browser

我有一个有趣的错误。我不知道为什么会这样。我有一个大型项目,有大量的输入和选择。当选择弹出窗口显示时,它不能在较旧的Android设备上单击。具体问题是Android股票浏览器2.3.4。我把它缩小到下面的代码。这两个选项在彼此之上。但是一个人绝对定位于右侧。如果单击左侧则选择它有效。如果单击右侧选择没有任何反应。在所有其他浏览器上,它会打开正确的选择。我认为它至少应该做点什么。

你听说过这个,你知道有什么工作吗?

<!doctype html>
<html>
<head>
  <meta name="viewport" content="width=device-width,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<style>
  select {
    width:100%;
  }
  #workPerformedFields {
    background-color:#FFFFFF;
    border:1px solid #999999;
    position:absolute;
    left:50%;
    width:300px;
  }
</style>
</head>
  <body>
    <div id="workPerformedFields">
      <select>
        <option>One</option>
      </select>
    </div>
    <div >
      <select>
        <option>Two</option>
      </select>
    </div>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

user-scalable=no更改为user-scalable=yes这是一个已知错误。