【问题标题】:HTML touchscreen increase text's "hit area" size?HTML 触摸屏会增加文本的“点击区域”大小?
【发布时间】:2011-03-13 03:14:50
【问题描述】:

我必须为触摸屏系统修改 HTML UI。我必须做的修改是将点击处理程序添加到 div 标签内的某个文本标签。文字相当小。

因此很难用触摸屏准确地击中它。如何在不增加大小的情况下增加文本的“点击区域”?

【问题讨论】:

  • 监控父标签中的点击事件,并在javascipt中进行命中测试。
  • 我认为你不能在不增加标签大小的情况下增加标签的“命中区域”。要求产品管理人员考虑为触摸屏用户重新设计页面。

标签: html css touchscreen


【解决方案1】:

您可以添加 padding 来增加任何链接的点击区域。这是一个您可以检查的示例 -

<html>
  <body>
    <a href="#" style="font-size: 12pt; color: blue; padding: 20px 60px">This is a link</a>
  </body?
</html>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-08
    • 2013-05-18
    • 1970-01-01
    相关资源
    最近更新 更多