网页html实现电脑端显示,手机端隐藏、或者电脑端隐藏,手机端显示的方法。

2022-08-01 0 1,867

在开发一个网页前端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;}}

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

主题先生免责声明
1、本站所有模板素材资源均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。
2、主题先生作为第三方中介平台,依据交易合同(商品描述、交易前商定的内容)来保障交易的安全及买卖双方的权益。
3、非平台线上交易的项目,出现任何后果均与主题先生无关;无论卖家以何理由要求线下交易的,请联系管理举报。
注意事项
1、本站所有素材资源均来自用户分享和发布,大部分未经测试可用,并不保证百分百无误及完整。
2、素材资源仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
3、主题先生会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全。
4、主题先生无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别。

主题先生 站长学院 网页html实现电脑端显示,手机端隐藏、或者电脑端隐藏,手机端显示的方法。 https://www.mrtheme.cn/1622.html

主题先生(认证开发者)

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务