html css中输入框的奇怪高度和宽度

Question

我正在尝试格式化输入框，但我遇到的问题是输入的高度最终变得奇怪。当我在高度查看开发人员工具时，输入不是由干净的数字组成，而是由奇数十进制数组成，例如边界不是1px，它是0.909。

造成这种情况的原因是什么，我怎样才能回到清晰的整数。

 input { padding: 8px 15px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 3px;}

<form class="search left">
  <input class="input" placeholder="K">
  <input class="input" placeholder="L">
  <input type="submit" class="button">
</form>

Answer 1

您放大了浏览器。按 Ctrl + 0 或 Ctrl + - 将缩放级别重置为100％。

在110％缩放级别，你会看到如下内容：

而在100％时你会看到你所期待的：