如何在移动设备上显示具有长选项值的下拉列表？

Question

我在 Bootstrap 框架的移动和桌面浏览器上使用以下代码：

<select style="font-size:12px">
    <option value="A">A. This is long description for option selection A</option>
    <option value="B">B. This is long description for option selection B</option>
    <option value="C">C. This is long description for option selection C</option>
    <option value="D">D. This is long description for option selection D</option>
    <option value="E">E. This is long description for option selection E</option>
</select>

对于桌面浏览器来说这不是问题，我可以使用 font-size 将其变大或变小。

但是在移动设备上查看时，尤其是在纵向模式下，我希望用户能够看到每个选项的完整描述。

默认的移动浏览器下拉选择是剪裁长描述以适合设备的当前屏幕宽度。

有解决办法吗？

在移动设备上显示具有长选项值的下拉列表的最佳方法是什么？

Answer 1

请为响应式下拉列表使用 Select2 Jquery 插件。这可以帮助你。 https://select2.github.io/examples.html