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