html - 在移动 View 中选择下拉菜单

Question

我得到了选择下拉列表，它在移动 View 中超出了屏幕。我正在使用 bootstrap 类 form-control .我的代码如下

<select name="service" formControlName="service" class="form-control shadow-none" style="width:100%">
      <option value="Select" selected>Select</option>
      <option value="Sedan" selected>Sedan</option>
      <option value="SUV" selected>SUV</option>
      <option value="Mini" selected>Mini</option>
</select>

任何形式的帮助将不胜感激...

Answer 1

这只是因为您正在查看桌面浏览器中的移动 View 。

在实际设备中，这不会导致任何问题，并根据设备宽度调整宽度。

并且选择选项列表根据操作系统的不同打开方式意味着在 Android 设备中它作为下拉列表打开，而在 IO 设备中它像弹出窗口一样打开。

尝试在真实设备中打开此页面，而不是在桌面浏览器的移动 View 中。

希望这个回答能解开你所有的疑惑。

谢谢...