4

私のサイトでは、ブートストラップ ボックスを使用していますが、行の高さが縮小しているように見えます。その理由は一生わかりません。

ブートストラップ CSS は一切変更しておらず、自分の 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

ページの doctype を指定しなかったため、ブラウザーは互換モードになっています。

于 2013-04-13T11:19:08.310 に答える
3

私のブラウザ (Chrome) は、入力にルールbox-sizing: border-boxを適用しています。問題を解決するには、CSS に次のように入力する必要があります。

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

また、あなたの問題はこの質問で説明されているようです: 「ユーザーエージェントスタイルシート」がボックスサイズ設定に「コンテンツボックス」ではなく「ボーダーボックス」を使用する原因は何ですか? . ドキュメントの上に置くことで解決でき<!DOCTYPE html>ます。

于 2013-04-13T10:52:52.933 に答える