如何僅在我的網站的移動版本中顯示滑動面板

Question

您認爲哪一種最優雅的解決方案僅在我的網站的移動版本中顯示滑動面板的菜單？我將使用1140像素網格來構建它，並且會爲桌面/ iPad版本定期提供水平導航，並且當它縮小到移動設備時，我想將常規導航添加到此滑動面板中。 我想過使用jQuery Mobile，但這意味着我必須將我的整個網站放在它上面（糾正我，如果我在這裏錯了）。我一直在考慮讓它一直在那裏，但是隱藏在CSS中，並僅用於移動版本。然而，這意味着用戶不得不下載所有內容，而不管他使用的是什麼設備。 任何幫助表示讚賞，夥計們。

Answer 1

設置div不會定期顯示，然後再顯示，僅適用於屏幕寬度爲480px或更小的媒體設備。

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