首页 > 解决方案 > 为什么我的选择菜单显示在我的实际手机上而不是我的 chrome 手机模拟器上?

问题描述

我有一个烧瓶应用程序,它生成以下选择框:

<select id="ptype1-select" name="ptype1-select">
  <option value="">--select--</option>
  <option value="normal">normal</option>
  <option value="fire">fire</option>
  <! –– several more options here ––&gt;
</select>

当我在 Chrome 中查看三星 S8 android 上的这个选择框时,这些选项非常丰富。但是,当我在笔记本电脑上使用内置于 Chrome 的 android 模拟器进行渲染时,不会填充这些选项。当我使用 CSS 更改选项的填充时,我所做的 CSS 更改会反映在笔记本电脑的模拟器中,但不会反映在 android 本身中。

为什么选择框在 android 和 android 模拟器中看起来如此不同?有没有办法可以减少出现在 android 上的填充?

在 Chrome 上的三星 S8 Android 上

安卓选择菜单

在笔记本电脑上的 Chrome 中的 Android 模拟器选项上

模拟器选择菜单

标签: androidhtmlcssgoogle-chromedrop-down-menu

解决方案


推荐阅读