DIV中实现部分模块自动手机端隐藏 PC端显示CSS代码判断实现自适应
文章目录
AI摘要
由 
Deepseek提供支持
Deepseek提供支持实现方法:
CSS判断控制路:
.wppc{
display: block;
}
@media (max-width: 767px) {
.wppc{
display: none !important;
}
}
那么我们用相反的方法实现
自动PC端隐藏 手机端显示CSS代码判断实现自适应该怎么做呢？
方法很简单：根据以上代码得出 display:block是在web端显示的，然后dispaly：none在手机端不显示。
由此我们可以得出：
.wppc{
display: none;
}
@media (max-width: 767px) {
.wppc{
display: block !important;
}
}
方法是不是很简单呢，关注我，带你零基础学习web前端开发。
温馨提示 : 非特殊注明，否则均为©李联华的博客网原创文章，本站文章未经授权禁止任何形式转载;来自:俄亥俄州·哥伦布 ，欢迎您的访问!
文章链接：https://www.lilianhua.com/automatically-hide-the-css-code-on-the-mobile-phone-and-display-on-the-pc.html
文章链接：https://www.lilianhua.com/automatically-hide-the-css-code-on-the-mobile-phone-and-display-on-the-pc.html
请先登录才能参与答题
