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

Question

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

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

Answer 1

查看视口(viewport)。然后您可以为移动版本添加一个视口(viewport)。

类似于:

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

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