侧边栏壁纸
博主头像
微笑涛声

一个在编程学习中逐渐变强的孩子! 热爱编程,喜欢软件开发!

  • 累计撰写 129 篇文章
  • 累计创建 58 个标签
  • 累计收到 6 条评论
隐藏侧边栏
CSS

网页模块实现电脑端显示(隐藏)手机端隐藏(显示)

微笑涛声
2020-02-18 / 0 评论 / 0 点赞 / 179 阅读 / 349 字
温馨提示:
本文最后更新于 2021-06-16,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

   在开发的很多时候,遇到有些模块在电脑端显示正常,而到手机端就显示不正常,或者有些模块只想在电脑或手机一端显示。另一端不显示。这个就要用到HTML+CSS的隐藏功能了。

1、电脑端显示,手机端隐藏,以下是CSS样式,HTML引用即可:

.pcbdmap{
	display: block;
	}
@media (max-width: 768px){.pcbdmap{display: none;}

2、手机端显示,电脑端隐藏,以下是CSS样式,HTML引用即可:

.sjbdmap{
	display: none;
}
@media (max-width: 768px){.sjbdmap{display: block !important;}}
0

评论