我在使用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
使其更大或更小。
但是在移动设备上观看时,尤其是在纵向模式下,我希望用户能够看到每个选项的完整描述。
默认的移动浏览器下拉列表选项是剪切长描述以适应设备的当前屏幕宽度。
有解决方案吗?
在移动设备上提供具有长期权价值的下拉列表的最佳方法是什么?