在移动设备上呈现的普通 <select> 元素与 Bootstrap 的下拉元素
Plain <select> element vs Bootstrap's dropdown element rendered on mobile device
今天我学到了一些新东西，<select> 元素在桌面和移动浏览器上呈现完全不同。我以前没有使用过它的问题和我做过的几乎所有事情都是使用 Bootstrap 的元素。
所以我的问题实际上是以下 2 个问题：
当我在移动模式下调试时，为什么 <select> 标记在移动 chrome 和桌面 chrome 上呈现不同？这是预期的行为还是我可以将其视为错误？例如，在开发移动模式下和在硬件设备上从桌面浏览器打开以下页面 http://www.w3schools.com/tags/tag_select.asp，您将看到差异。
在各种设备之间实现一致性的最佳方法是什么？我可以确定在所有新的移动设备中 <select> 都将呈现 "in a mobile way"，或者只实现我自己的基于 Bootstrap modal combined with List group as I've done here: http://codepen.io/anatoly314/pen/EPBmrM?editors=1010 的 select 元素吗？
DevTools 设备模式不模拟表单元素的移动特定 UA 处理。这实际上非常棘手，因为这些东西是为该平台构建编译的。
最好的办法就是知道会有差异。在 select 元素的情况下，它真的无关紧要。由于移动用户体验是全屏滚动select或选项。
一如既往，绝对最好的做法是使用设备模式作为指导。它不是绝对的，也不可能是。您将始终需要进行设备上测试以验证一切都按预期工作。 DM 可以毫无问题地让您完成 85-90% 的进度。
今天我学到了一些新东西，<select> 元素在桌面和移动浏览器上呈现完全不同。我以前没有使用过它的问题和我做过的几乎所有事情都是使用 Bootstrap 的元素。
所以我的问题实际上是以下 2 个问题：
当我在移动模式下调试时，为什么
<select>标记在移动 chrome 和桌面 chrome 上呈现不同？这是预期的行为还是我可以将其视为错误？例如，在开发移动模式下和在硬件设备上从桌面浏览器打开以下页面 http://www.w3schools.com/tags/tag_select.asp，您将看到差异。在各种设备之间实现一致性的最佳方法是什么？我可以确定在所有新的移动设备中
<select>都将呈现 "in a mobile way"，或者只实现我自己的基于 Bootstrap modal combined with List group as I've done here: http://codepen.io/anatoly314/pen/EPBmrM?editors=1010 的 select 元素吗？
DevTools 设备模式不模拟表单元素的移动特定 UA 处理。这实际上非常棘手，因为这些东西是为该平台构建编译的。
最好的办法就是知道会有差异。在 select 元素的情况下，它真的无关紧要。由于移动用户体验是全屏滚动select或选项。
一如既往，绝对最好的做法是使用设备模式作为指导。它不是绝对的，也不可能是。您将始终需要进行设备上测试以验证一切都按预期工作。 DM 可以毫无问题地让您完成 85-90% 的进度。