У меня есть список стран, некоторые с очень длинным названием:

<select name=countries>
 <option value=af>Afghanistan</option>
 <option value=ax>Åland Islands</option>
 ...
 <option value=gs>South Georgia and the South Sandwich Islands</option>
 ...
</select>

По умолчанию поле выбора будет иметь самую длинную опцию в списке. Я хочу создать поле выбора таким образом, чтобы оно показывало поведение по умолчанию при просмотре из широкого окна браузера, но при этом подходило для 90% ширины контейнера при просмотре из узкого окна браузера, меньше, чем длина самого длинного параметра.

Я старалсяmin-width: 90%;, но это не сработало. Может ли это быть сделано только с помощью стилей CSS?