如何仅在我的网站的移动版本中显示滑动面板

Question

您认为哪一个是仅在我的网站的移动版本中显示带有菜单的滑动面板的最优雅的解决方案。我将使用 1140px 网格构建它，并且将为桌面/iPad 版本提供常规水平导航，当它缩小到移动设备时，我想将常规导航设置为蜂巢并将其移动到此滑动面板。 我考虑过使用 jQuery Mobile，但这意味着我的整个网站都必须基于它（如果我在这里错了，请纠正我）。我一直在考虑把它放在那里，但用 CSS 隐藏起来，只为移动版本显示它。然而，这意味着用户必须下载所有内容，无论他使用什么设备。 伙计们，我们将不胜感激。

Answer 1

将 div 设置为不定期显示，然后仅在屏幕宽度为 480 像素及以下的媒体设备上显示。

#divID {
    display:none;
}
@media only screen and (max-device-width: 480px) {
    #divID {
        display:block;
    }
}