css - Michael Hartl Rails 教程 - CSS 未正确渲染

Question

我已经完成了本教程，但自第 7 节制作注册表单以来，我在 CSS 渲染方面遇到了一些小问题。这就是我得到的:

它应该是这样的:

这是相关的 CSS:

@mixin box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 100%;
  padding: 10px;
  height: auto;
  margin-bottom: 15px;
  @include box_sizing;
}

想知道其他人是否也遇到同样的问题？

Answer 1

差异可能在于 Chrome 与 FireFox(Hartl 浏览器)中输入的默认高度。

CSS 声明 height:auto; 让浏览器计算默认高度。