Twitter bootstrap rc时间选择器在移动设备上未正确显示 this.setState（{show:true}}>Open this.setState（{show:false}）} 动画 > 情态动词 triggerNode.parentNode}/> {[…数组（11）.keys（）].map（（）=>向下滚动）}

我正在使用

即使最小化窗口，它也能在桌面上正确显示

但在移动设备上看起来是这样的（下拉列表在输入框的左侧）：

知道怎么了吗

---

我通过减少输入宽度来破解它，但我多次选择大小

---

与Artems类似，我将有问题的输入的边框设置为0px。这将摆脱它的任何大小的手机美容

---

为什么它可能在移动浏览器和桌面浏览器上有不同的行为……它可以在桌面浏览器屏幕缩小到移动浏览器屏幕时正常工作。欢迎使用web development哈哈哈。基本上，浏览器是不同的（与移动/桌面一起），呈现方式也不同。这只是webdev的一个怪癖。

  <div>
    <Button onClick={() => this.setState({ show: true })}>Open</Button>
    <Modal
      show={this.state.show}
      onHide={() => this.setState({ show: false })}
      animation
    >
      <Modal.Header closeButton>
        <Modal.Title>Modal</Modal.Title>
      </Modal.Header>

      <Modal.Body>
        <TimePicker open getPopupContainer={triggerNode => triggerNode.parentNode}/>
        {[...Array(11).keys()].map(() => <div>Scroll down</div>)}
      </Modal.Body>
    </Modal>
  </div>