4

在我的网站上，我使用的是引导框，但是行高似乎缩小了，我终生无法弄清楚原因。

我没有修改任何引导 CSS，只有我自己的，但我不相信这是干扰。

我正在使用的代码是：

<div class="pull-left">
<h3>Search for devices</h3>
<p>Use the search form below to search for your device.</p>
<div class="input-append">
  <input class="span2" id="appendedInputButtons" type="text">
  <button class="btn" type="button">Search</button>
</div>
</div>

现场示例：http: //dev.romwars.com/#

有人有什么建议吗？

4

2 回答 2

3

我的浏览器 (Chrome)box-sizing: border-box在您的输入中应用规则。要解决您的问题，您应该在 CSS 中添加以下内容：

input[type="text"] {
  box-sizing: content-box;
}

此外，您的问题似乎是它在这个问题中所描述的：是什么导致“用户代理样式表”使用“边框框”而不是“内容框”来调整框大小？. 您可以解决将其放在<!DOCTYPE html>文档上方的问题。

于 2013-04-13T10:52:52.933 回答
3

浏览器处于怪癖模式，因为您没有指定页面的文档类型。

于 2013-04-13T11:19:08.310 回答