css - 在 Chrome 中的 iframe 内下拉额外的空白区域

Question

我可以在 iframe 的下拉菜单周围看到一些额外的空白。

测试环境：

• Chrome 版本 78.0.3904.87（我最近更新）
• 视窗 10
• 仅在 iframe 内发生

其背后的原因是什么以及如何解决？

body{
background: black;
}

<select>
      <option>Samsung Phone</option>
      <option>Apple</option>
      <option>Nokia</option>
      <option>LG</option>
</select>

这是它的外观

标签： css

Answer 1

当它在 iframe、Chrome 版本 78.0.3904.108 和默认设置为 125%（推荐）（在桌面上单击鼠标右键，选择显示设置）中时，我遇到了同样的问题。

如果我将比例和布局设置回 100%，则选择下拉菜单是正常的。我怀疑这是最新的 Chrome 错误。

谢谢。