DIV中实现部分模块自动手机端隐藏 PC端显示CSS代码判断实现自适应
文章目录
实现方法:
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前端开发。
©️李联华的博客网 当前IP地址：18.225.195.154，归属地:俄亥俄州Dublin ，欢迎您的访问！
温馨提示 : 非特殊注明，否则均为李联华的博客原创文章，本站文章未经授权禁止任何形式转载
文章链接：https://www.ooize.com/automatically-hide-the-css-code-on-the-mobile-phone-and-display-on-the-pc.html
文章链接：https://www.ooize.com/automatically-hide-the-css-code-on-the-mobile-phone-and-display-on-the-pc.html
订阅
登录
0 评论
