移动自动工具提示

Question

我只想指出正确的方向，让自动工具提示出现在>箭头上以便通知用户继续更新其配置文件。这应该只在移动网站上。有没有任何图书馆可以帮助我实现这个目标？

Screen Shot

Answer 1

// FOR ODD REASON I CAN'T FORMAT THE CODE IF I PUT IT BELOW 
// Hide it by default 
[role="tooltip"].tooltip { 
    display: none; 
} 

// show it on mobile 
@media screen and (max-width: 480px) { 
    [role="tooltip"].tooltip { 
    display: block; 
    } 
} 

• 您可以使用EnquireJS，基本上这只是在JavaScript媒体查询，你可以用它来动态地添加你想要if that tooltip is created using Javascript

• Bootstrap Tooltipyou can anchor this tooltip to an element of your choice你想有一个提示，或只是任何工具提示库并基本上使用CSS Media Queries隐藏工具提示的存在，如果不是手机，并显示在手机上。请参阅上面的例子

希望帮助

Answer 2

你可以看看气球的CSS，这是相当多才多艺，并能实现一切只用CSS，所以它的快速和小：

https://kazzkiq.github.io/balloon.css/

您可以选择的位置要显示的工具提示以及要显示的框的大小。您可以修改颜色等，以遵循自己的样式指南。