如何在移动设备上显示带有长期权价值的下拉列表?

时间:2016-06-09 16:47:15

标签: html css mobile twitter-bootstrap-3 html-select

我在使用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使其更大或更小。

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

默认的移动浏览器下拉列表选项是剪切长描述以适应设备的当前屏幕宽度。

有解决方案吗?

在移动设备上提供具有长期权价值的下拉列表的最佳方法是什么?

1 个答案:

答案 0 :(得分:1)

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