私は検索バーを作っています。テキスト入力ボックスと検索ボタンは計画通りに隣り合っていますが、ブラウザが展開されると入力ボックスの高さが変わることはありません。私はコードを何度も繰り返してきましたが、問題の原因を見つけることはできません。任意の助けいただければ幸い:)HTMLとCSSテキスト入力ボックスの高さが変わり続ける
0
A
答えて
3
あなたのpadding
が割合として与えられている定義されています。これは、ドキュメントのサイズに応じてスケーリングされ、合計入力高さに影響します。入力を拡大しない場合は、固定値を使用する必要があります。
0
あなたは
input{
padding: 1.5%;
}
それを修正します
input{
padding: 6px;
}
に変更した場合。 問題は、パディングの割合がウィンドウのサイズに基づいていることでした。
0
この問題は、padding: 1.5%
を設定することによって発生します。パーセンテージは、包含ブロックの幅に対する相対値です。代わりに、それを削除するか、設計要件に応じてem
ユニットを使用してください。
関連する問題
- 1. ユーザーが入力を続けると、textInputボックスの高さを調整します
- 2. パワー・サイン・インhtml、css、jqueryによる入力テキスト・ボックス
- 3. 入力ボックスのテキストをhtmlタグの代わりに単純なテキストとして出力
- 4. HTMLフォームのテキスト入力候補ボックス
- 5. Htmlの透明テキスト入力ボックス
- 6. HTMLとCSS - 入力ボタンのテキスト値を変更する
- 7. 入力ボックスにテキストがあります。
- 8. シンプルなテキスト入力ボックス "autosuggest"スクリプト - CSSと重複する方法
- 9. 入力テキストのhtml5入力ボックスのスピナー?
- 10. SDLのテキスト入力ボックス
- 11. Qtメッセージ入力ボックスにテキスト入力
- 12. HTML入力ボックスのカスタムステップボタン
- 13. 高さが変わるとテキストが半分になる
- 14. 入力ボックスのサイズをcssで既にテキストに合わせて変更するには
- 15. Cssポップアップアラートボタンで、代わりにテキストを入力
- 16. htmlとjavascriptのテキスト入力でドロップダウンメニューを接続するには
- 17. JSは、HTML入力ボックス
- 18. webviewで長いテキスト入力ボックスをクリックすると貼り付けオプションが表示されますか?
- 19. html入力後続テキストの読み取り専用カット
- 20. クリスピーフォームのテキスト入力の高さ(Django 1.9)
- 21. rails/css:可変幅のテキスト入力
- 22. htmlテキストの入力とチェックボックス。 CSSの問題
- 23. CSSは、私は、次のHTMLとテキスト入力を持つ中心のテキスト揃え入力テキスト
- 24. CSSボックスが機能しない、テキストを強調表示し続ける
- 25. スタイリング入力テキストCSS
- 26. CSS:テキストの入力と選択ボックスの垂直方向の整列
- 27. テキストが入力されたときのフォームの切り替えの色(CSS)
- 28. CSSの流体の高さのボックス
- 29. CSSのテキスト変換が "高価"
- 30. CSS/HTMLテキストの切り替えが行われない
ありがとうございました!私はパッディングを修正しましたが、現在は拡大縮小していません。 :-D – amandathewebdev