媒體查詢隱藏桌面視窗

Question

你可以看到我用我的實際站點編碼（www.randolphlibrary.org/mobilesite.htm）

TLDR：如何實現列表視圖風格，當人看視圖端口最大寬度爲768px的東西，以便它適用於我的移動用戶？

所以我的想法就是把這個代碼，它的標題：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" media="(max-width: 768px)"/> 

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 


<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script> 

但是，問題是如何使移動設備實現對使用jQuery的樣式表，而不是「默認」的CSS樣式表已經在這個代碼下面？

有人提到只是讓與@媒體=「（最大寬度：768px）媒體查詢{顯示：無;}但我沒有得到任何購買

這感覺就像這樣一個基本的問題，但我。即使當我進入「默認」CSS並添加顯示：無;對身體它不會做任何事情

任何指針會超越非常讚賞我試圖讓一個小鎮圖書館看起來更有吸引力，我們的青年在那裏誰不從他們的手機看起來。

更新：教我這個傢伙解釋說，一個非常基本的jQuery美孚我們需要3個文件頭：CSS文件，使jQuery工作，JavaScript文件，使jQuery的工作和一個JavaScript文件附加到核心jQuery文件，爲移動設備提供額外的部件（jQuery Mobile）。

所以，上面顯示的3個文件，我認爲我是金。但仍然有問題。

Answer 1

你能分享一些你的jquery代碼嗎？我想我可以幫助你，只需要看看你在做什麼。乍一看，它看起來像你可以在jquery文件中處理這個，只有當窗口在一定寬度時才運行代碼，這就是你需要的。