如何在移動設備上顯示帶有較長選項值的下拉列表？

Question

我使用的是與引導框架移動和桌面瀏覽器下面的代碼：

<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