iPad（移动Safari）选择选项字体大小不一致

Question

在我的响应式 Web 应用程序中，选择选项字体大小在 iPad 中自动调整大小，导致每个选项文本的字体大小不一致。（iOS12 iPad模拟器截图）

我做了研究并尝试了我遇到的一切：

• -webkit-text-size-adjust: 100% （对身体）
• -webkit-appearance: none （选择）
• 裹<option>s的<optgroup>
• 在 CSS 中将选择的字体大小设置为 16px

但他们似乎都没有做任何事情。

<select>
  <option value="None"></option>
  <option value="1">Lorem ipsummmm sitamet consectetur</option>
  <option value="2">Adipisc elitsed eiusmod</option>
</select>

body {
  -webkit-text-size-adjust: 100%;
}

select {
  font-size: 16px;
}

这是jsFiddle

我想要实现的是，无论选项文本长度如何，字体大小都是相同的大小，如果有可能的话。

Answer 1

添加font-size: 100%到正文将解决此问题。这是由于自动调整选项值因长度而不同而导致的