获取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

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

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