balloon.css在手機上隱藏工具提示

Question

我想在移動設備上隱藏一個名爲balloon.css的CSS文件。我使用這個balloon.css：balloon.css

我的代碼：

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){[data-balloon] { visibility: hidden; }} 

謝謝你們的幫助！

Answer 1

如果要隱藏的CSS的某些腳本上移動使用的分辨率

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
.data-balloon { 
display: none 
} 

使用顯示器沒有，因爲沒有顯示。

Answer 2

由於balloon.css使用僞類懸停效果，你需要隱藏你的媒體查詢。

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
[data-balloon]:after, 
[data-balloon]:before { display: none; } 
} 

這應該有效。