3

さて、私は基本的に.search_bar_container以下のようなクラスを持っています:

#search_bar_container{
    width: 81%;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    top: 45%;
    left: 13.3%;
    height: 10%;
}

そして.search_barクラス：

#search_bar{
    width: 80%;
    height: 99%;
    font-family: cursive;
    font-size: vh;
    box-shadow: 1px 1px 5px black;
}

次に、私のHTMLは次のようになります

<div id='search_bar_container'><input id='search_bar'/></div>

質問
私の質問は、検索バーのフォントサイズを search_bar の高さと同じに設定するにはどうすればよいですか? これまでに試したこと: 100%... うーん、なぜこれがテキスト ボックスに相対的なフォント サイズを設定するのにうまくいかないのかわかりません。100vh...サイズをボディの 100% に設定します...ビューポートを変更して search_bar コンテナに設定する方法はありますか...?

4

1 に答える 1