Как установить значение VW и VH для выбора опции

Question

Может кто-нибудь сказать мне, как заменить отзывчивое bootstrap значением VW и VH для опции выбора?

Я пытаюсь воссоздать, как упоминалось здесь . но я не понимаю его базового c использования.

Мне нужно, чтобы моя опция выбора велась, как в этой ссылке.

Вот мой обычный bootstrap fiddle . Но я не хочу использовать bootstrap

обновленную скрипку

мою очень минимальную HTML структуру

<select class="form-control" id="gender1">
    <option>Male</option>
    <option>Female</option>
</select>

Примечание : что мне действительно нужно, так это опция выбора должна вести себя при изменении размера в соответствии с DIV. Я дал WIDTH и HEIGHT в VW за DIV

Спасибо всем,

Answer 1

select{
  display: block;
  width: 100%; /* define the size of the width */
  max-width: 100vw; /* the width equal to screen larger */
}

<label for="gender1">I'm label</label>   
<select id="gender1">
  <option>Male</option>
  <option>Female</option>
</select>

Здравствуйте, вот мой код. Вам просто нужно изменить значение select width, чтобы изменить размер опций. Я надеюсь, что это поможет вам!