html - 获取 HTML 选择下拉菜单以在移动设备上呈现

Question

我无法让表单在移动设备上工作，因为我无法选择下拉菜单。

我已经采取了所有的样式，试图呈现一个基本的形式，但这仍然没有奏效。这是HTML：

        <label>
            <span>Options</span>
            <select id="options" >
                <option value="">Select an option</option>
                <option value="option1">option 1</option>
                <option value="option2">option 2</option>
            </select>
            <span class="errors" id="optionsError">Please select an option</span>
            <br />
        </label>

唯一与之相关的样式是：

margin-top: 80px;margin-bottom: 80px;height: 50px;

放置到位，因为我有一种预感，没有足够的空间来单击下拉菜单。

有没有其他人有类似的问题？

Answer 1

我如何解决这个问题是通过改变字体大小。这将自动使下拉列表更大。所以我的CSS看起来像这样

.drop{
  font-size: 1.5em;
  margin-right: 2em;
  width:80%;
}