当窗口调整大小时，Bootstrap 3输入组未对齐

Question

在当前项目中升级到Bootstrap 3。原始搜索栏变成了一个群集@＃％$所以我决定再次从头开始构建它。我直接从引导站点放入一个带有按钮的输入。看起来很好，直到我开始辞职窗口。下面的屏幕截图显示了问题。我们有缩放：115％以在调整大小时保留页面上主要元素的外观。我相信这可能是下面单像素偏移的罪魁祸首。关于如何解决这个问题的任何想法？我很想尝试像这样滚动我的输入，但我怀疑它不会做任何事情。

    <div class="input-group" style="width: 450px">
      <input type="text" class="form-control">
      <div class="input-group-btn">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu pull-right">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div>
    </div>

Answer 1

在chrome

中看起来不错

DEMO