如何在移动设备上正确使用 intro.js

Question

说明 在屏幕宽度低于 600 像素的移动设备上使用 introjs 时，工具提示将覆盖该元素。当我水平握住设备时，工具提示会移动到位。我尝试为工具提示设置自定义 css，但是当屏幕低于 600 像素时，我设置的 css 规则中断，元素居中，工具提示居中于元素上方。

预期行为 在元素下显示的工具提示，我在说明中设置。

我什至在自定义 css 文件的工具提示中添加了 50px 的上边距。这只在屏幕很宽时将元素移开。否则，它会覆盖元素

实际行为 工具提示覆盖元素

错误和屏幕截图（可选） 控制台中未提供任何错误。

screenshot of issue

此视频演示了该问题 https://youtu.be/ptFB5ZrL8ks

更多细节：

这已经提到here before

我在 this 自定义 css 文件中为 .introjs-tooltip{} 添加了边距，但边距仅在窗口主体大于 ~600px 时出现

Answer 1

我的解决方案是将我的 css 和 JS 更新到 3。我在不知不觉中使用了旧版本。

谢谢大家。