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

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