利用CSS控制内容分别在PC电脑端或者移动端单独显示方法

学习  ·  2020-03-24

想法构思:

如果显示器低于某个尺寸,然后我们就判断是移动端,然后就让显示,如果超过这个尺寸就判断是电脑端让不显示。

仅在移动端显示

.onlywap {
    display: inline;
}
@media (min-width: 950px) {
    .onlywap {
        display:none;
    }
}

仅在电脑端显示

.onlymobile {
    display: none;
}
@media (min-width: 950px) {
    .nonlymobile {
        display:inline;
    }
}
 CSS
评论
亦桉小站. All Rights Reserved.

赣ICP备19000739号-3