本文介绍了如何通过CSS实现网页元素在电脑端隐藏，在手机端显示。通过添加`.visible-xs`类并设置`display`属性，可以控制元素在不同设备上的可见性。在电脑端，设置`display:none;`使元素不可见；而在移动端（小于767px宽度）使用`@media`查询，设置`display:block!important;`确保元素在小屏幕设备上显示。
场景需求：我想在网站的手机端加一个联系方式，但是在电脑端不想被看见。
方法：分别在电脑端和移动端额样式中设置display属性。
.visible-xs{ //电脑端css
display: none;
}
@media (max-width: 767px) { //移动端css
.visible-xs{
display: block !important;
}
}
也就是添加个样式，然后在需要隐藏的元素上添加 class="visible-xs"
扫一扫
517
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
