Mobile Div显示/隐藏媒体查询

只有在移动宽度上，我才能使用什么代码来显示特定的div

---

我的屏幕顶部有一个100%宽度的全div，希望它仅在设备被指定为移动宽度时显示。

我不确定“移动宽度”是什么意思。但是在每种情况下，CSS

@媒体

都可以用于在屏幕宽度的基础上隐藏元素。请参见一些示例：

……和：

@媒体屏幕和（最小宽度：0px）和（最大宽度：400px）{
#我的内容{display:block；}/*在小屏幕上显示*/
}
@媒体屏幕和（最小宽度：401px）和（最大宽度：1024px）{
#我的内容{display:none；}/*将其隐藏在其他位置*/
}

---

一些真正的移动检测是一种困难的编程，相当困难。最终会看到：或其他类似来源。

听起来您可能想要访问设备的视口。您可以通过在标题中插入此元标记来完成此操作

---

只有当我将id更改为类时（其他一切都一样），这才对我有效。可能要和我的WP主题有关。不管怎样，谢谢！我忘了加上这句话，一个小时以来，我一直在讨论几乎所有的答案：））

 Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { 
  #my-content{
   width:100%;
 }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 
  #my-content{
   width:100%;
 }
 }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 
display: none;
 }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
// Havent code only get for more informations 
 }