引导选择不适用于狭窄的领域

Question

我正在使用bootstrap-select.js来增强移动网站。

在出现问题的页面上，我已经成功使用插件来设置字段样式，如下所示：

<div>
    <h:selectOneMenu value="#{bean.paymentChoices}" styleClass="selectpicker">
        <f:selectItem itemValue="#{null}" itemLabel="Select an Option" />
        <f:selectItems value="#{bea.paymentChoiceItems}" var="selectItem" itemLabel="#{selectItem.label}" itemValue="#{selectItem.value}" />
    </h:selectOneMenu>
</div>

我用来应用selectpicker样式的JS如下：

$(".selectpicker").selectpicker('mobile);

但是，我有3个菜单也具有selectpicker类，但是谁的宽度设置为屏幕宽度的30％-TheJS无法在其上设置selectpicker样式。

有人知道为什么会这样吗？

Answer 1

发现问题（并解决！）：

正如我在问题中提到的，我将宽度设置为30％。

我添加了一些媒体查询来检查屏幕宽度，并相应地设置下拉宽度， 而不使用百分比，例如width: npx; 不width: 30%