2016-11-08 78 views
0

你可以看到我用我的实际站点编码(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个文件,我认为我是金。但仍然有问题。

回答

0

你能分享一些你的jquery代码吗?我想我可以帮助你,只需要看看你在做什么。乍一看,它看起来像你可以在jquery文件中处理这个,只有当窗口在一定宽度时才运行代码,这就是你需要的。

+0

对不起,我的这个迟到的回应。奇怪的是,在我的电子邮件中,我只有2天前收到有关对我的问题的回复的消息。我所拥有的jQuery代码就是来自教我这个人的人。我有三个链接,如上所示,这是唯一处理jQuery的事情。当我在查看页面源代码或在我的文本编辑器中点击它们时,它同样具有大量的野性,我无法辨别它到底是什么。 –