使用 android Chrome,html 选项列表会忽略我的字体大小请求

Posted

技术标签:

【中文标题】使用 android Chrome,html 选项列表会忽略我的字体大小请求【英文标题】:With android Chrome, html option lists ignore my font size request 【发布时间】:2013-09-09 06:30:07 【问题描述】:

android 平板电脑上,我使用 Chrome 显示自定义网页。在其中我有一些下拉控件(html5 SELECT)。使用这些控件,我试图通过减小它们的显示大小来显示更多的 HTML OPTION 元素。我的努力没有成功。在我的 7 英寸平板电脑上,选项总是显示只有大约 12 个元素填充显示屏(以纵向模式保持)。

例如,使用这个 CSS:

#distDV 
    font-size: 8pt;
    border-color: #999999;


#distDV option 
    font-size: 8pt;
    border-color: #999999;

使用此 HTML:

<select id="distDV">
      <option value="30">+30</option>
      <option value="29">+29</option>
</select>

在台式计算机上(使用 Chrome v. 25 或更高版本),选择下拉菜单以请求的较小字体显示。当我单击控件以显示值时,选项也以小字体显示。

在我的 android 平板电脑(使用 Chrome v. 25 或更高版本)上,选择下拉菜单以请求的较小字体显示。当我单击控件以选择一个值时,android 设备会在标准选项选择中显示选项,全屏,在我的 7 英寸显示屏上从上到下使用大约 12 行。我正在尝试通过 CSS 将其设为 16 行。

我正在寻找想法。是的,我已经尝试过使用 optgroup,但没有效果。

提前致谢, 杰罗姆。

【问题讨论】:

【参考方案1】:

您发现无法更改选项选择对话框的字体大小。这是出于非常好的可用性原因。您是否有理由需要一次显示更多选项?为什么对话框的滚动不足以满足您的需求?另请记住,如果您将选项设置得太小,您可能会让您的用户感到沮丧。您可能能够准确地选择一个选项,但其他人可能不能。

所有这些都表明您可以通过编写自己的对话框来克服这些限制,或许可以使用单选按钮。例如:

<input type="radio" id="distDV30" name="distDV" value="30"><label for="distDV30">+30</label>
<input type="radio" id="distDV29" name="distDV" value="29"><label for="distDV29">+29</label>

然后,您可以随意设置样式。另一种选择是使用输入框,如果您的所有选项都是数字,这可能更合适。例如:

<input type="number" name="distDV" min="1" max="30">

【讨论】:

没有充分的理由减小字体大小,但我项目中的另一个人要求页面上显示更多行。正如您所说,我可以使用品牌 X 下拉菜单或使用滑块(需要额外的控件来显示当前滑块值)。 '纳夫说,谢谢你的回答。

以上是关于使用 android Chrome,html 选项列表会忽略我的字体大小请求的主要内容,如果未能解决你的问题,请参考以下文章

Chrome Android 未使用 SDP 提供的所有编解码器选项

如何在 Android 应用程序的对话框中打开 Chrome 自定义选项卡

Chrome 自定义标签重定向到 Android 应用程序将关闭该应用程序

如何摆脱 Chrome 在 Android 上显示的“媒体播放”通知?

在后台加载 Chrome 自定义选项卡并在 Android 上的 NAVIGATION_FINISHED 上触发

从 Chrome 自定义选项卡重定向到 Android 应用程序时“导航被阻止”