移動自動工具提示

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/

您可以選擇的位置要顯示的工具提示以及要顯示的框的大小。您可以修改顏色等，以遵循自己的樣式指南。