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

Question

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

Answer 1

将div设置为不定期显示，然后仅显示屏幕宽度为480px及更小的媒体设备。

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