在开发一个网页前端HTML的时候,遇到客户要求,电脑端显示这个模块,手机端隐藏。或者电脑端隐藏,手机端显示这个模块,下面主题先生就说下如何操作。
这时候只需要给代码加一个HTML+CSS的隐藏功能了。
1、电脑端显示,手机端隐藏,以下是CSS样式,HTML引用即可:
.pc_xianshi{
display: block;
}
@media (max-width: 768px){.pc_xianshi{display: none;}
2、手机端显示,电脑端隐藏,以下是CSS样式,HTML引用即可:
.sj_xianshi{
display: none;
}
@media (max-width: 768px){.sj_xianshi{display: block !important;}}