ngx-bootstrap工具提示显示在移动设备上;尽管触发器设置为仅悬停

Question

我正在使用ngx-bootstraps工具提示功能，我正在寻找的行为是在桌面上悬停时显示工具提示，但基本上在移动设备上完全禁用它。如果我锁定它以使用悬停触发器，这只会解决我的问题。

在文档中，它声称工具提示的默认触发器是triggers="hover focus"。由于我不希望焦点生效，我手动将触发器设置为triggers="hover"。

这可以在桌面上按预期工作，悬停时显示工具提示;但是在移动设备上，工具提示仍然坚持在点击时显示，就像焦点触发仍然有效一样。

是否有一些特定的东西我需要做什么来禁用默认行为？

模板如下：

<ng-template #tooltipTemplate>
  <div class="notification-level-tooltip tooltip-inner">
    <span class="tooltip-text">
      {{details | translate}}
    </span>
  </div>
</ng-template>

<span class="notification-level label" [ngClass]="labelClass" [tooltip]="tooltipTemplate" triggers="hover">
  {{text | translate}}
</span>

Answer 1

您可以将这些类notification-level-tooltip tooltip-inner放在css媒体查询中，在您的案例桌面中指定min和max屏幕大小。然后，这些查询将处理将以什么屏幕大小显示的内容。 How @media queries work