场景需求:我想在网站的手机端加一个联系方式,但是在电脑端不想被看见。
方法:分别在电脑端和移动端额样式中设置display属性。
.visible-xs{ //电脑端css
display
:
none
;
}
@media (max-width
:
767px) { //移动端css
.visible-xs{
display
:
block
!important
;
}
}
也就是添加个样式,然后在需要隐藏的元素上添加 class=
"visible-xs"