我正在使用 fowlling CSS 显示社交分享按钮：
#social_side_links {
position: fixed;
top: 40%;
right: 0;
padding: 0;
list-style: none;
z-index: 99;
}
#social_side_links li a {display: block;}
#social_side_links li a img {
display: block;
max-width:25px;
padding: 10px;
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
}
#social_side_links li a:hover img {background: rgba(0, 0, 0, .2);}
但是，我想将其隐藏在移动设备（而不是平板电脑）中。有什么方法可以使这项工作？
您可以使用媒体查询来隐藏响应式元素。
在您的情况下，您可以使用：
@media screen and (max-width:768px){
#social_side_links {
display:none;
}
这将在移动设备上隐藏您的元素（根据需要更改最大宽度）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句