当缩小90％，67％，33％时，文本输入会出现间隙

Question

我遇到文本框输入问题，当用户缩小页面时，此文本框超出其div，但奇怪的是，只有在缩放为90％，67％，33％时才会发生...文本框当缩放为100％，75％，50％时看起来很好。 我的css类看起来像这样：

    #someDropdown .someTextbox {
      margin-left: -24px; 
      background: #fff; 
      margin-top: -5px; 
      padding-left: 25px;
      width: 100%;

      zoom:1;
      -ms-transform: scale(1); /* IE 9 */
      -ms-transform-origin: 0 0;
      -moz-transform: scale(1); /* Firefox */
      -moz-transform-origin: 0 0;
      -o-transform: scale(1); /* Opera */
      -o-transform-origin: 0 0;
      -webkit-transform: scale(1); /* Safari And Chrome */
      -webkit-transform-origin: 0 0;
      transform: scale(1); /* Standard Property */
      transform-origin: 0 0;  /* Standard Property */
    }

所以，我想知道是否有任何方法可以纠正这种行为，我也尝试过“position：fixed”，但是文本框在左/上方，这不是我正在寻找的正确行为。

Answer 1

我使用scale(1)试图避免它通过浏览器看起来不同， - 之前发生过我 - 但是我可以用其他类似的css来解决它：

#someDropdown .someTextbox {
      margin-left: -24px;
      margin-right: -20px;
      background: #fff;
      margin-top: -5px;
      padding-left: 25px;
      padding-top: 0px;
      padding-bottom: 0px;
      width: 100%;
    }