Div显示/隐藏媒体查询

Question

只有在移动宽度上,我才能使用什么代码来制作特定的div节目？

我的屏幕顶部有一个100%宽度的完整div,希望它仅在设备指定为移动宽度时显示.

Answer 1

我不确定,你的意思是"移动宽度".但是在每种情况下,CSS @media都可以用于在屏幕宽度的基础上隐藏元素.看一些例子:

<div id="my-content"></div>

...和:

@media screen and (min-width: 0px) and (max-width: 400px) {
  #my-content { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
  #my-content { display: none; }   /* hide it elsewhere */
}

一些真正的移动检测是一种艰难的编程,而且相当困难.最终看到:http://detectmobilebrowsers.com/或其他类似的来源.