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

Question

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

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

• -webkit-text-size-adjust: 100%（对身体）
• -webkit-appearance: none（选择）
• 用<option>_<optgroup>
• 在 CSS 中将 select 的 font-size 设置为 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

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

标签： cssipadwebkitmobile-safariios12

Answer 1

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