Google Chrome 移动模拟器在下拉菜单中隐藏选项答案

【问题标题】：Google Chrome mobile emulator hiding options in dropdownGoogle Chrome 移动模拟器在下拉菜单中隐藏选项
【发布时间】：2016-02-04 10:31:19
【问题描述】：

我正在使用手机上的下拉列表。出于测试目的，我使用的是 Chrome 的移动模拟器。我注意到的一件奇怪的事情是，在移动仿真中，如果我在下拉列表中有两个以上的元素，它们就会以一种奇怪的方式隐藏起来。

我正在使用的 HTML

<!DOCTYPE html>
<html>
<head>
    <title>Simple Dropdown</title>
</head>
<body>
    <select>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</body>
</html>

桌面截图

手机截图

我使用的是 chrome 版本 48.0.2564.97 m。我在运行版本 47.x.xxxx.xx（不记得确切版本）的朋友的 PC 上进行了尝试，并且在该 PC 上运行良好。

这是 chrome 中的错误吗？你们中有人遇到过同样的问题吗？如果是，有什么解决办法吗？

【问题讨论】：

标签： google-chrome-devtools mobile-emulator

【解决方案1】：

抱歉，这是 M48 中的错误。发生了一些重构，并产生了一些不利影响。它已在 M49 即将推出™ 中得到修复。尝试查看稳定的团队成员是否可以重现它，并尽可能让他们向后移植到 M48。

【讨论】：

【解决方案2】：

几个小时以来，我一直在与同一个错误作斗争，它似乎与任何 css 驱动无关，我确认该错误不会出现在我的手机上的 chrome 上。

我确定这只是模拟器中的一个错误， Firefox 的模拟器可以很好地呈现下拉菜单，

我知道这没什么用我只是想确认你不是唯一看到这个的人

【讨论】：

这应该是评论，而不是答案
如果我有更高的声誉，我只会注册堆栈溢出，我会按照你说的去做