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

Question

在我的 wordpress 网站上，我想插入仅在移动设备上而不是桌面上查看时才可见的图像。我可以在这里使用哪些 CSS/HTML 代码？

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

Answer 1

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

类似：

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

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