如何在手机上显示Div并从桌面隐藏

Question

使用wordpress：我如何在移动设备上显示特定div并将其隐藏在桌面用户上，我尝试了以下操作：

.element {display:none;}

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

我在这里尝试了代码并且有效：http://jsfiddle.net/m8yh9nL5/ 但是当在wordpress上使用它时它不起作用。？

谢谢你的帮助。

Answer 1

你的wordpress网站的标记是什么样的？

您是否包含了元标记：

<meta name="viewport" content="width=device-width,initial-scale=1 , maximum-scale=1" />

Answer 2

<强>尝试：

    window.onresize = function()
    {
       if(document.body.clientWidth < 600)
       {
           //Code to hide your element
       }
    }

Answer 3

有点晚了，但嘿，它对我有用。我有完全相同的问题。写了一个在wordpress外面工作的类似代码片段。但是当我想在Wordpress中使用它时它不起作用（我仍然不知道为什么）但是我通过在!important等之后添加display: none来修复它。

例如：
display: none !important;

希望这适合你。