CSS技巧:控制内容在电脑端显示手机端不显示的方法

追格官方小助手/ 2022年08月01日/ CSS教程/ 浏览 2971

早些时候,追格小编发过一篇《WordPress手机访问站点域名自动跳转到手机站点》,今天我们讲讲,内容在电脑端显示,手机端不显示的控制方法。


超过x宽度屏幕即显示,低于x宽度在移动端不显示。


<div class="wp-none">pc端要显示的内容</div>


DIV控制的pc端要显示的内容,我们可用wp-none定义样式,在CSS中控制屏幕尺寸然后让其隐藏即可。


@media screen and (max-width: 600px) { .wp-none{display:none; }}


发表评论

暂无评论,抢个沙发...

客服 工单