css - ブラウザのサイズを変更すると、相対的な幅を持つ p:selectOneMenu が伸びます

Question

ブラウザーのウィンドウ サイズを大きくすると (たとえば、解像度を 1024x768 から 1920x1080 に変更すると)、次のように<p:selectOneMenu>なります。

これに：

コンポーネントに相対的な幅を追加すると問題が発生することがわかりました。

<p:selectOneMenu ... style="width: 30%;">

不要なスペースを削除するにはどうすればよいですか? PrimeFaces 3.3.1 を使用しています

Answer 1

サイズ変更中またはそのテキストによって selectonemenu が引き伸ばされたくない場合は、

.ui-selectonemenu {
    min-width: 0 !important;
}

私にとっては完璧に機能しました。