我可以使用什么HTML或CSS代码，使图像/文本只能在移动站点上查看，而不能在桌面上查看？

在我的wordpress站点上，我想插入只有在移动设备上而不是在桌面上才能看到的图片。我可以在这里使用什么CSS/HTML代码

<div class="mobile-only"><a href="MY_URL"> TEXT/IMAGE </a></div>

---

查看视口。然后可以为移动版本添加视口

比如：

@media only screen and (min-width: 1024px){
    .your-image-div{
display:none
}
}

@media only screen and (max-width: 320px){
    .your-image-div{
display:block
}
}